html{background: linear-gradient(135deg,#f0f4f8 0%,#e8edf2 100%);min-height: 100vh}body{background: transparent}.mainview_main_view{background-color: #ffffff;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);margin: 16px;min-height: calc(100vh - 32px);box-sizing: border-box}[slot="drawer"]{background: transparent !important;background-color: transparent !important;border: none !important;border-width: 0 !important;box-shadow: none !important}vaadin-app-layout::part(drawer){background: transparent !important;background-color: transparent !important;border: none !important;box-shadow: none !important;width: 12.5rem !important}[slot="drawer"]>*{background: transparent !important;background-color: transparent !important;border: none !important}vaadin-vertical-layout[slot="drawer"],[slot="drawer"] vaadin-vertical-layout{background: transparent !important;background-color: transparent !important;border: none !important}vaadin-scroller[slot="drawer"],[slot="drawer"] vaadin-scroller{background: transparent !important;background-color: transparent !important;border: none !important}[slot="drawer"] vaadin-side-nav{width: 100%;box-sizing: border-box;background: transparent !important;background-color: transparent !important;border: none !important;box-shadow: none !important}[slot="drawer"] vaadin-side-nav-item{width: 100%;box-sizing: border-box}[slot="drawer"] vaadin-side-nav-item::part(content){width: 100%;box-sizing: border-box}nav{background: transparent !important;background-color: transparent !important;border: none !important}[slot="drawer"] nav{background: transparent !important;background-color: transparent !important;border: none !important}.mainview_menu_wrapper{border-right: 1px solid #E0E0E0;border-top-left-radius: 12px;border-bottom-left-radius: 12px}.noticeview-title{margin: 0;font-size: 1.25rem;font-weight: 600;color: #212121}.noticeview-filter-content{gap: 4px}vaadin-text-field.noticeview-search-field{font-size: 0.75rem}vaadin-date-picker.noticeview-date-picker{font-size: 0.75rem}.noticeview-filter-groups{gap: 8px;flex-wrap: wrap}.noticeview-filter-group{gap: 3px}.noticeview-filter-label{font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.3px;color: #757575;opacity: 0.65}.noticeview-clear-filters-button{font-size: 0.75rem}.noticeview-search-date-layout{gap: 4px}.leadlistview-filter-content{gap: 4px}vaadin-combo-box.leadlistview-branch-filter{font-size: 0.75rem}vaadin-checkbox.leadlistview-duplicates-checkbox{--vaadin-checkbox-label-font-size: 0.75rem;--vaadin-checkbox-label-font-weight: 400;--vaadin-checkbox-label-line-height: 1.2;--vaadin-checkbox-label-color: #757575}.leadlistview-filter-groups{gap: 8px;flex-wrap: wrap}.leadlistview-filter-group{gap: 3px}.leadlistview-filter-label{font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.3px;color: #757575;opacity: 0.65}.leadlistview-clear-filters-button{font-size: 0.75rem}.leadlistview-toolbar-row{gap: 8px;flex-wrap: wrap;align-items: flex-end}vaadin-button.leadlistview-filter-button{font-size: 0.75rem;padding-top: 4px;padding-bottom: 4px;padding-left: 8px;padding-right: 8px;min-height: 24px;height: 24px;line-height: 1.2;display: flex;align-items: center}.leadlistview-main-section{background-color: #ffffff;border-radius: 4px;padding: 8px;flex-grow: 1;min-height: 0}vaadin-grid.noticeview-grid{border-radius: 4px;overflow: hidden;font-size: 0.875rem}vaadin-menu-bar.noticeview-actions-menu{min-width: 0}.noticeview-category-badge{font-size: 0.75rem}.noticeview-destination-badge{font-size: 0.75rem}.noticeview-brief-span{font-size: 0.875rem;line-height: 1.4;white-space: normal;word-break: break-word}.noticeview-dates-layout{gap: 2px}.noticeview-date-start{font-size: 0.75rem;color: #212121}.noticeview-date-end{font-size: 0.75rem;color: #757575}.noticeview-stats-layout{font-size: 0.875rem;gap: 4px}.noticeview-stats-empty{font-size: 0.875rem}.noticeview-stats-badge{font-size: 0.75rem}.noticeview-class-badge{font-size: 0.75rem}.noticeview-classes-layout{flex-wrap: wrap;gap: 4px}.noticeview-classes-empty{font-size: 0.75rem;color: #757575}.noticeview-classes-more{font-size: 0.75rem;color: #757575;font-weight: 500}vaadin-button.noticeview-filter-button{font-size: 0.75rem;padding-top: 4px;padding-bottom: 4px;padding-left: 8px;padding-right: 8px;min-height: 24px;height: 24px;line-height: 1.2;display: flex;align-items: center}.noticeview-form-header{padding: 4px}.noticeview-form-title{margin: 0;font-size: 1.125rem}.noticeview-form-content{gap: 4px}.noticeview-form-row{gap: 8px}.noticeview-form-field{font-size: 0.875rem}.noticeview-form-checkbox-group{font-size: 0.875rem}.noticeview-form-footer{gap: 8px;padding: 4px}.noticedetailview-users-grid{margin-top: 16px}:root{--chat-color-primary: #1565C0;--chat-color-primary-dark: #0D47A1;--chat-color-primary-light: #E3F2FD;--chat-color-primary-soft: #F0F6FF;--chat-color-background: #FFFFFF;--chat-color-background-secondary: #F5F5F5;--chat-color-border: #E0E0E0;--chat-color-divider: #EEEEEE;--chat-color-text-primary: #212121;--chat-color-text-secondary: #757575;--chat-color-text-muted: #9E9E9E;--chat-color-unread: #F44336;--chat-list-width: 360px;--chat-divider-width: 8px}.chat-main-layout{background-color: #F7F9FC;overflow: hidden;min-height: 0}.chat-list-panel{width: var(--chat-list-width);min-width: var(--chat-list-width);max-width: var(--chat-list-width);height: 100%;background-color: var(--chat-color-background);border: none;border-right: none;box-shadow: none;box-sizing: border-box;padding: 0 !important;margin: 0 !important;display: flex;flex-direction: column;flex-shrink: 0}.chat-panel-divider{width: var(--chat-divider-width);min-width: var(--chat-divider-width);height: 100%;flex-shrink: 0;background: linear-gradient( 90deg,rgba(21,101,192,0.16) 0,rgba(21,101,192,0.08) 1px,rgba(21,101,192,0.03) 50%,rgba(255,255,255,0.9) 100% );box-shadow: inset 1px 0 0 rgba(21,101,192,0.12)}vaadin-vertical-layout.chat-list-panel{width: var(--chat-list-width) !important;min-width: var(--chat-list-width) !important;padding: 0 !important;margin: 0 !important}.chat-list-header{width: 100%;padding: 16px;background-color: var(--chat-color-background) !important;border: none !important;border-bottom: 1px solid var(--chat-color-border) !important;box-sizing: border-box;flex-shrink: 0;margin: 0}vaadin-horizontal-layout.chat-list-header{background-color: var(--chat-color-background) !important;border: none !important;border-bottom: 1px solid var(--chat-color-border) !important}.chat-create-button{width: 32px;min-width: 32px;height: 32px;flex-shrink: 0}.chat-items-container{width: 100%;overflow-y: auto;overflow-x: hidden;flex: 1;min-height: 0;padding: 8px 0;box-sizing: border-box}.chat-panel-header{width: 100%;padding: 16px 20px;background-color: var(--chat-color-background) !important;border: none !important;border-bottom: 1px solid var(--chat-color-border) !important;box-sizing: border-box;flex-shrink: 0;margin: 0}vaadin-horizontal-layout.chat-panel-header{background-color: var(--chat-color-background) !important;border: none !important;border-bottom: 1px solid var(--chat-color-border) !important}.chat-panel-header-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}.chat-panel-header-placeholder{color: var(--chat-color-text-secondary) !important;font-weight: 500 !important}.chat-page-header-title{margin: 0;font-size: 1.25rem;font-weight: 600;color: var(--chat-color-text-primary);line-height: 1.5}.chat-list-item{width: calc(100% - 16px) !important;max-width: calc(100% - 16px) !important;padding: 12px 14px;cursor: pointer;border: 1px solid transparent;border-bottom: 1px solid var(--chat-color-divider);background-color: var(--chat-color-background);transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;box-sizing: border-box;min-height: 72px;height: auto;display: flex;align-items: center;margin: 0 8px !important;border-radius: 10px}div.chat-list-item{width: calc(100% - 16px) !important;max-width: calc(100% - 16px) !important}.chat-list-item:first-child{margin-top: 0 !important}.chat-list-item:hover:not(.selected){background-color: var(--chat-color-background-secondary) !important}.chat-list-item.selected{background-color: var(--chat-color-primary-soft) !important;border-color: rgba(21,101,192,0.24) !important;border-bottom-color: rgba(21,101,192,0.24) !important;box-shadow: inset 3px 0 0 var(--chat-color-primary)}.chat-list-item.selected:hover{background-color: var(--chat-color-primary-light) !important}.chat-item-content{width: 100%;gap: 12px;align-items: center;padding: 0;display: flex;min-height: 48px;margin: 0;min-width: 0}.chat-avatar{width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;color: #FFFFFF;font-size: 0.875rem;flex-shrink: 0;border: none;box-shadow: none}.chat-item-info{padding: 0;gap: 4px;width: 100%;min-width: 0;display: flex;flex-direction: column;justify-content: center;min-height: 48px}.chat-item-name-row{width: 100%;padding: 0;gap: 8px;align-items: center;display: flex;min-height: 24px;min-width: 0}.chat-item-name{font-weight: 600;font-size: 0.9375rem;color: var(--chat-color-text-primary);line-height: 1.4;margin: 0;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1 1 auto}.chat-item-time{font-size: 0.75rem;color: var(--chat-color-text-muted);margin-left: auto;white-space: nowrap;font-weight: 400;flex-shrink: 0}.chat-item-preview-row{width: 100%;padding: 0;gap: 8px;align-items: center;display: flex;min-width: 0}.chat-item-preview{font-size: 0.8125rem;color: var(--chat-color-text-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.4;margin: 0;min-height: 18px;min-width: 0;flex: 1 1 auto}.chat-unread-indicator{width: 8px;height: 8px;border-radius: 50%;background-color: var(--chat-color-unread);flex-shrink: 0;box-shadow: none}.chat-panel{width: 100%;height: 100%;padding: 0;gap: 0;background-color: var(--chat-color-background);min-width: 0;display: flex;flex-direction: column;box-shadow: inset 1px 0 0 rgba(255,255,255,0.8)}.chat-body{min-height: 0;flex: 1;position: relative}.chat-empty-state{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at 50% 42%,rgba(21,101,192,0.08),transparent 28%),var(--chat-color-background-secondary);box-sizing: border-box}.chat-empty-state-content{max-width: 320px;text-align: center}.chat-empty-state-title{font-size: 1.125rem;font-weight: 600;color: var(--chat-color-text-primary)}.chat-empty-state-hint{font-size: 0.875rem;color: var(--chat-color-text-secondary);line-height: 1.5}.chat-empty-state-action{margin-top: 8px}.chat-messages-container{width: 100%;height: 100%;padding: 24px 28px;gap: 8px;background: linear-gradient(180deg,rgba(255,255,255,0.72),rgba(245,247,250,0.92)),var(--chat-color-background-secondary);overflow-y: auto;overflow-x: hidden;flex-direction: column-reverse;box-sizing: border-box}.chat-message-row{display: flex;width: 100%;margin-bottom: 10px;box-sizing: border-box}.chat-message-row.current-user{justify-content: flex-end}.chat-message-row.other-user{justify-content: flex-start}.chat-message-bubble{padding: 10px 14px 8px;border-radius: 18px;max-width: min(68%,560px);word-wrap: break-word;box-shadow: 0 6px 18px rgba(15,23,42,0.08);display: flex;flex-direction: column;gap: 5px;box-sizing: border-box}.chat-message-bubble.current-user{background: linear-gradient(135deg,var(--chat-color-primary),var(--chat-color-primary-dark));color: #FFFFFF;border-bottom-right-radius: 4px}.chat-message-bubble.current-user .chat-message-time{color: rgba(255,255,255,0.82)}.chat-message-bubble.other-user{background-color: #FFFFFF;color: var(--chat-color-text-primary);border: 1px solid rgba(21,101,192,0.12);border-bottom-left-radius: 4px}.chat-message-bubble.other-user .chat-message-time{color: var(--chat-color-text-secondary)}.chat-message-sender{display: block;color: var(--chat-color-primary);font-size: 0.75rem;font-weight: 600;line-height: 1.25;margin-bottom: 1px}.chat-message-text{display: block;line-height: 1.48;margin: 0;word-break: break-word;white-space: pre-wrap;font-size: 0.9375rem}.chat-message-footer{display: flex;justify-content: flex-end;align-items: center;margin-top: 4px}.chat-message-time{font-size: 0.72rem;opacity: 1;line-height: 1.2;font-weight: 500;white-space: nowrap}.chat-input-layout{width: 100%;padding: 12px 20px;align-items: center;background-color: var(--chat-color-background);border: none;border-top: 1px solid var(--chat-color-border);gap: 10px;box-sizing: border-box;flex-shrink: 0}.chat-message-input{width: 100%}vaadin-text-field.chat-message-input{width: 100%}vaadin-text-field.chat-message-input::part(input-field){border-radius: 22px;border: 1px solid var(--chat-color-border);background-color: var(--chat-color-background-secondary);transition: border-color 0.15s ease-in-out,background-color 0.15s ease-in-out}vaadin-text-field.chat-message-input::part(input-field):hover{border-color: #BDBDBD;background-color: #EEEEEE}vaadin-text-field.chat-message-input::part(input-field):focus-within{border-color: var(--chat-color-primary);background-color: var(--chat-color-background);box-shadow: 0 0 0 2px rgba(21,101,192,0.12)}vaadin-text-field.chat-message-input[disabled]::part(input-field){background-color: #F1F3F5;border-color: var(--chat-color-divider);color: var(--chat-color-text-muted)}.chat-send-button{padding: 8px;min-width: 40px;width: 40px;height: 40px;border-radius: 50%;flex-shrink: 0}vaadin-button.chat-send-button{padding: 0;min-width: 40px;width: 40px;height: 40px;border-radius: 50%}vaadin-button.chat-send-button::part(button){border-radius: 50%;min-width: 40px;width: 40px;height: 40px;padding: 0}.chat-messages-container::-webkit-scrollbar,.chat-items-container::-webkit-scrollbar{width: 8px}.chat-messages-container::-webkit-scrollbar-track,.chat-items-container::-webkit-scrollbar-track{background: transparent}.chat-messages-container::-webkit-scrollbar-thumb,.chat-items-container::-webkit-scrollbar-thumb{background-color: #BDBDBD;border-radius: 4px}.chat-messages-container::-webkit-scrollbar-thumb:hover,.chat-items-container::-webkit-scrollbar-thumb:hover{background-color: #9E9E9E}@media (max-width: 960px){:root{--chat-list-width: 300px}}@media (max-width: 768px){.chat-list-panel,vaadin-vertical-layout.chat-list-panel{width: 100% !important;min-width: 0 !important;max-width: 100% !important}.chat-main-layout{flex-direction: column}.chat-panel-divider{width: 100%;min-width: 0;height: 1px;min-height: 1px;background: rgba(21,101,192,0.12);box-shadow: none}.chat-message-bubble{max-width: 85%;padding: 10px 14px}.chat-messages-container{padding: 12px 16px;gap: 4px}.chat-input-layout{padding: 12px 16px}.chat-panel-header{padding: 12px 16px}}.noticedetailview-form-title{margin: 0 0 16px 0;font-size: 1rem;color: #212121}.noticedetailview-form-row{gap: 12px;margin-bottom: 16px}.noticedetailview-form-row:last-of-type{margin-bottom: 0}.noticedetailview-form-section>vaadin-text-field,.noticedetailview-form-section>vaadin-text-area,.noticedetailview-form-section>vaadin-checkbox-group{margin-bottom: 16px}.noticedetailview-form-section>vaadin-text-field:last-child,.noticedetailview-form-section>vaadin-text-area:last-child,.noticedetailview-form-section>vaadin-checkbox-group:last-child{margin-bottom: 0}.noticedetailview-users-title{margin: 0 0 8px 0;font-size: 1rem;color: #212121}.noticedetailview-footer{gap: 12px;padding: 12px 0}vaadin-grid::part(body-cell){display: flex;align-items: center;padding-top: 4px;padding-bottom: 4px;white-space: normal;overflow: visible}vaadin-grid vaadin-text-field,vaadin-grid vaadin-combo-box,vaadin-grid vaadin-integer-field{margin: 0}vaadin-grid vaadin-text-area{margin: 0}