:root{--cgpa-primary: #1e3a5f;--cgpa-primary-light: #2e5a8f;--cgpa-secondary: #4a90c2;--cgpa-accent: #00a8e8;--cgpa-success: #28a745;--cgpa-warning: #ffc107;--cgpa-danger: #dc3545;--cgpa-white: #ffffff;--cgpa-gray-light: #f8f9fa;--cgpa-gray: #6c757d;--cgpa-gray-dark: #343a40;--cgpa-spacing-xs: 4px;--cgpa-spacing-sm: 8px;--cgpa-spacing-md: 16px;--cgpa-spacing-lg: 24px;--cgpa-spacing-xl: 32px;--cgpa-font-size-sm: .875rem;--cgpa-font-size-md: 1rem;--cgpa-font-size-lg: 1.25rem;--cgpa-font-size-xl: 1.5rem}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--lumo-font-family);background-color:var(--lumo-base-color)}.menu-link:hover{background-color:var(--lumo-primary-color-10pct)}vaadin-app-layout{--vaadin-app-layout-drawer-width: 280px}vaadin-app-layout::part(navbar){background-color:var(--cgpa-primary);color:#fff;min-height:56px}vaadin-app-layout::part(drawer){background-color:var(--cgpa-white);border-right:1px solid var(--lumo-contrast-10pct)}vaadin-button{min-height:36px;padding:0 var(--cgpa-spacing-md)}vaadin-text-field,vaadin-password-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-select{--lumo-text-field-size: var(--lumo-size-m)}vaadin-grid{font-size:var(--cgpa-font-size-sm)}vaadin-grid::part(cell){padding:var(--cgpa-spacing-xs) var(--cgpa-spacing-sm)}vaadin-dialog-overlay::part(content){padding:var(--cgpa-spacing-md)}@media screen and (max-width: 1024px){vaadin-app-layout{--vaadin-app-layout-drawer-width: 260px}vaadin-grid{font-size:var(--cgpa-font-size-sm)}.hide-on-tablet{display:none!important}}@media screen and (max-width: 768px){html{font-size:14px}vaadin-app-layout{--vaadin-app-layout-drawer-width: 100%}vaadin-app-layout[drawer-opened]::part(drawer){width:100%;max-width:100%}vaadin-app-layout::part(navbar){padding:0 var(--cgpa-spacing-sm);min-height:48px}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}vaadin-form-layout{--vaadin-form-layout-column-spacing: var(--cgpa-spacing-sm)}vaadin-form-layout vaadin-form-item{--vaadin-form-item-label-width: 100%}.mobile-full-width{width:100%}vaadin-grid{font-size:.8rem}vaadin-grid::part(header-cell),vaadin-grid::part(body-cell){padding:var(--cgpa-spacing-xs);min-width:60px}vaadin-dialog-overlay::part(overlay){max-width:100%!important;width:100%!important;max-height:100%!important;height:100%!important;border-radius:0}vaadin-dialog-overlay::part(content){padding:var(--cgpa-spacing-sm)}.card,.dashboard-card{padding:var(--cgpa-spacing-sm);margin-bottom:var(--cgpa-spacing-sm)}vaadin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}vaadin-tab{padding:var(--cgpa-spacing-sm);font-size:var(--cgpa-font-size-sm)}}@media screen and (max-width: 480px){html{font-size:13px}vaadin-app-layout::part(navbar){min-height:44px}.text-l{font-size:1rem!important}.version-badge{display:none}vaadin-button{min-height:44px;min-width:44px;padding:var(--cgpa-spacing-sm) var(--cgpa-spacing-md)}vaadin-button.icon-only span{display:none}vaadin-horizontal-layout.form-row{flex-direction:column}vaadin-horizontal-layout.form-row>*{width:100%;margin-bottom:var(--cgpa-spacing-sm)}vaadin-grid{font-size:.75rem}vaadin-grid-column:not(.essential-column){display:none}vaadin-date-picker{--lumo-text-field-size: var(--lumo-size-s)}vaadin-notification-card{max-width:100%;margin:0;border-radius:0}}@media screen and (max-height: 500px) and (orientation: landscape){vaadin-app-layout::part(navbar){min-height:40px}vaadin-app-layout::part(drawer){padding-top:var(--cgpa-spacing-xs)}vaadin-dialog-overlay::part(overlay){max-height:90vh}}@media (pointer: coarse){vaadin-button,vaadin-menu-bar-button,vaadin-tab{min-height:44px}vaadin-grid::part(row){min-height:44px}.menu-link{min-height:44px;padding:var(--cgpa-spacing-sm) var(--cgpa-spacing-md)}vaadin-checkbox::part(checkbox),vaadin-radio-button::part(radio){width:24px;height:24px}}.dive-card{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);padding:var(--cgpa-spacing-md);margin-bottom:var(--cgpa-spacing-md);background:var(--cgpa-white);box-shadow:var(--lumo-box-shadow-xs)}.dive-card:hover{box-shadow:var(--lumo-box-shadow-s)}.dive-number{font-size:var(--cgpa-font-size-xl);font-weight:700;color:var(--cgpa-primary)}.dive-date{color:var(--cgpa-gray);font-size:var(--cgpa-font-size-sm)}.dive-site{font-weight:500;margin-top:var(--cgpa-spacing-xs)}.dive-depth,.dive-duration{display:inline-block;padding:var(--cgpa-spacing-xs) var(--cgpa-spacing-sm);background:var(--cgpa-gray-light);border-radius:var(--lumo-border-radius-s);margin-right:var(--cgpa-spacing-sm);font-size:var(--cgpa-font-size-sm)}.carnet-grid{font-size:.9rem}.carnet-grid .site-column{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-container{width:100%}@media screen and (max-width: 1024px){.hide-on-tablet{display:none!important}.carnet-grid .site-column{max-width:150px}}@media screen and (max-width: 768px){.hide-on-mobile{display:none!important}.dive-card{padding:var(--cgpa-spacing-sm)}.dive-number{font-size:var(--cgpa-font-size-lg)}.carnet-grid{font-size:.8rem}.carnet-grid .site-column{max-width:100px}.toolbar-buttons,.toolbar-filters{width:100%;justify-content:flex-start}.stats-bar>*{flex:1 1 45%;min-width:80px}}@media screen and (max-width: 480px){.hide-on-small-mobile{display:none!important}.carnet-grid{font-size:.75rem}.carnet-grid .site-column{max-width:80px}.stats-bar>*{flex:1 1 100%;padding:4px 8px!important}.toolbar-buttons vaadin-button{flex:1}}@media print{vaadin-app-layout::part(navbar),vaadin-app-layout::part(drawer),vaadin-button,.no-print{display:none!important}vaadin-app-layout::part(content){margin-left:0!important}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--cgpa-spacing-md);padding:var(--cgpa-spacing-md)}@media screen and (max-width: 768px){.dashboard-grid{grid-template-columns:1fr;gap:var(--cgpa-spacing-sm);padding:var(--cgpa-spacing-sm)}}.stat-card{background:var(--cgpa-white);border-radius:var(--lumo-border-radius-l);padding:var(--cgpa-spacing-lg);box-shadow:var(--lumo-box-shadow-xs);text-align:center}.stat-card .value{font-size:2rem;font-weight:700;color:var(--cgpa-primary)}.stat-card .label{color:var(--cgpa-gray);margin-top:var(--cgpa-spacing-xs)}@media screen and (max-width: 480px){.stat-card{padding:var(--cgpa-spacing-md)}.stat-card .value{font-size:1.5rem}}@media (prefers-reduced-motion: no-preference){.menu-link,.dive-card,.stat-card,vaadin-button{transition:all .2s ease-in-out}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}