.setting-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.yacht-bookings{padding:var(--space-lg);min-height:calc(100vh - 200px)}.yacht-bookings-loading,.yacht-bookings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.loading-icon{color:var(--color-ocean-blue);animation:spin 2s linear infinite}.yacht-bookings-error{color:var(--color-alert-flare)}.yacht-bookings-filters{margin-bottom:var(--space-lg);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white)}.filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-lg);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-label{display:flex;align-items:center;gap:var(--space-xs);font-weight:500;color:var(--color-navigation-dark);font-size:.875rem}.filter-input{padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-normal)}.filter-input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #2c52821a}.filter-select{padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;background:var(--color-hull-white);cursor:pointer;transition:border-color var(--transition-normal)}.filter-select:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #2c52821a}.yacht-bookings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);min-height:fit-content}.booking-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);transition:all var(--transition-normal);overflow:hidden}.booking-card:hover{border-color:var(--color-harbor-blue);box-shadow:var(--shadow-md)}.booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.booking-yacht{display:flex;align-items:flex-start;gap:var(--space-sm);flex:1;min-width:0}.booking-yacht-icon{color:var(--color-ocean-blue);flex-shrink:0;margin-top:2px}.booking-yacht-name{font-size:1.125rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0;line-height:1.3}.booking-actions{display:flex;gap:var(--space-xs);align-items:center;flex-shrink:0}.booking-actions .btn{padding:var(--space-xs);min-width:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.booking-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize;width:fit-content}.booking-status--confirmed{background:var(--color-success-light);color:var(--color-success-marina);border:1px solid var(--color-success-marina)}.booking-status--pending{background:#fef3c7;color:var(--color-warning-beacon);border:1px solid var(--color-warning-beacon)}.booking-status--cancelled{background:#fee2e2;color:var(--color-alert-flare);border:1px solid var(--color-alert-flare)}.booking-status--completed{background:var(--color-success-light);color:var(--color-success-marina);border:1px solid var(--color-success-marina)}.booking-status--in-progress{background:var(--color-nautical-light);color:var(--color-ocean-blue);border:1px solid var(--color-ocean-blue)}.booking-details{display:flex;flex-direction:column;gap:var(--space-md)}.booking-guest,.booking-dates,.booking-guests{display:flex;align-items:flex-start;gap:var(--space-sm)}.booking-detail-icon{color:var(--color-chart-gray);flex-shrink:0;margin-top:2px}.booking-guest{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.booking-guest>div{display:flex;align-items:center;gap:var(--space-sm);width:100%}.booking-guest-name{font-weight:600;color:var(--color-navigation-dark);display:block}.booking-guest-email{color:var(--color-chart-gray);font-size:.875rem;display:block;margin-top:var(--space-xs)}.booking-dates{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.booking-dates>div{display:flex;align-items:center;gap:var(--space-sm);width:100%}.booking-date-range{font-weight:500;color:var(--color-navigation-dark);display:block}.booking-duration{color:var(--color-chart-gray);font-size:.875rem;display:block;margin-top:var(--space-xs)}.booking-guests{align-items:center}.booking-guests span{font-weight:500;color:var(--color-navigation-dark)}.booking-notes{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-cabin-gray)}.booking-notes-text{color:var(--color-chart-gray);font-style:italic;margin:0;line-height:1.4}.empty-state{grid-column:1 / -1;border:2px dashed var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-deck-gray)}.empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);gap:var(--space-md);min-height:300px}.empty-state-icon{color:var(--color-chart-gray);opacity:.5}.empty-state-content p{color:var(--color-chart-gray);margin:0;max-width:400px;line-height:1.5}@media (max-width: 768px){.yacht-bookings{padding:var(--space-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--space-md)}.header-actions{justify-content:stretch}.header-actions .btn{flex:1}.filters-grid,.yacht-bookings-grid{grid-template-columns:1fr;gap:var(--space-md)}.booking-card-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.booking-actions{justify-content:flex-end}.page-title{font-size:1.5rem}}@media (max-width: 480px){.page-title{font-size:1.25rem}.booking-yacht-name{font-size:1rem}.empty-state-content{padding:var(--space-lg);min-height:200px}.header-actions{flex-direction:column}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.booking-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);overflow-y:auto}.booking-form-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}.booking-form-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);box-shadow:var(--shadow-lg);margin:auto}.booking-form-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.booking-form-header .card-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--color-navigation-dark);margin:0}.booking-form-close{padding:var(--space-xs);min-width:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.booking-form-close:hover{background:var(--color-deck-gray)}.booking-form-error{margin-bottom:var(--space-lg)}.booking-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:var(--space-xs);font-weight:500;color:var(--color-navigation-dark);font-size:.875rem}.form-group .form-input,.form-group .form-select,.form-group .form-textarea{padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-normal)}.form-group .form-input:focus,.form-group .form-select:focus,.form-group .form-textarea:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #2c52821a}.form-group .form-input.error,.form-group .form-select.error,.form-group .form-textarea.error{border-color:var(--color-alert-flare)}.form-group .form-select{background:var(--color-hull-white);cursor:pointer}.form-group .form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--color-alert-flare);font-size:.75rem;margin-top:var(--space-xs)}.booking-form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-xs)}.guest-creation-form{background:var(--color-deck-gray);padding:var(--space-md);border-radius:var(--radius-md);border:2px dashed var(--color-cabin-gray);margin-top:var(--space-xs)}.guest-creation-form .form-help{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-chart-gray);font-size:.875rem;margin-top:var(--space-xs)}.guest-creation-form .alert{font-size:.875rem}.guest-creation-form .alert p{margin:0}.booking-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);overflow-y:auto}.booking-details-modal{width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}.booking-details-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);box-shadow:var(--shadow-lg);margin:auto}.booking-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.booking-details-info{flex:1}.booking-details-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.booking-details-subtitle{color:var(--color-chart-gray);margin:0}.booking-details-actions{display:flex;gap:var(--space-xs);align-items:flex-start}.booking-details-close{padding:var(--space-xs);min-width:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.booking-details-close:hover{background:var(--color-deck-gray)}.booking-details-content{display:flex;flex-direction:column;gap:var(--space-lg)}.booking-details-section{display:flex;flex-direction:column;gap:var(--space-md)}.booking-details-section:not(:last-child){padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray)}.booking-details-section h4{font-size:1rem;font-weight:600;color:var(--color-navigation-dark);margin:0}.booking-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.booking-detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.booking-detail-item label{font-weight:500;color:var(--color-chart-gray);font-size:.875rem}.booking-detail-item span{color:var(--color-navigation-dark);font-weight:500}.booking-details-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.booking-notes-display{padding:var(--space-sm);background:var(--color-deck-gray);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray)}.booking-notes-display p{margin:0;color:var(--color-navigation-dark);line-height:1.5}.booking-detail-value--code{font-family:var(--font-mono);background:var(--color-deck-gray);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-cabin-gray);font-size:.875rem}.booking-timeline{display:flex;flex-direction:column;gap:var(--space-md)}.booking-timeline-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-deck-gray)}.booking-timeline-icon,.booking-timeline-badge{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.booking-timeline-icon--pending{background:#fef3c7;color:var(--color-warning-beacon)}.booking-timeline-icon--confirmed{background:var(--color-nautical-light);color:var(--color-ocean-blue)}.booking-timeline-icon--completed{background:var(--color-success-light);color:var(--color-success-marina)}.booking-timeline-content{display:flex;flex-direction:column;gap:var(--space-xs)}.booking-timeline-label{font-weight:500;color:var(--color-navigation-dark)}.booking-timeline-date{font-size:.875rem;color:var(--color-chart-gray)}.booking-timeline-user{font-size:.75rem;color:var(--color-chart-gray);font-style:italic}.booking-timeline-item--upcoming{background:var(--color-nautical-light);border:1px solid var(--color-harbor-blue)}.booking-timeline-item--current{background:#fef3c7;border:1px solid var(--color-warning-beacon)}.booking-timeline-item--past{background:var(--color-success-light);border:1px solid var(--color-success-marina)}.booking-detail-section{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray)}.booking-detail-section:last-child{border-bottom:none;padding-bottom:0}.booking-detail-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;color:var(--color-navigation-dark);margin:0}@media (max-width: 768px){.booking-form-overlay,.booking-details-overlay{padding:var(--space-sm)}.booking-form-modal,.booking-details-modal{max-height:95vh}.form-grid{grid-template-columns:1fr;gap:var(--space-md)}.booking-details-grid{grid-template-columns:1fr}.booking-form-actions,.booking-details-footer{flex-direction:column}.booking-form-header,.booking-details-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.booking-details-actions{justify-content:flex-end}}@media (max-width: 480px){.booking-form-overlay,.booking-details-overlay{padding:var(--space-xs)}.booking-form-header .card-title,.booking-details-title{font-size:1.125rem}}.booking-details-action--engagement{background:var(--color-nautical-light);color:var(--color-ocean-blue);border:1px solid var(--color-ocean-blue)}.booking-details-action--engagement:hover{background:var(--color-ocean-blue);color:var(--color-hull-white)}.engagement-trigger-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-lg);overflow-y:auto}.engagement-trigger-modal{width:100%;max-width:650px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}.engagement-trigger-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);box-shadow:var(--shadow-lg);margin:auto}.engagement-trigger-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.engagement-trigger-header .card-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--color-navigation-dark);margin:0}.engagement-trigger-close{padding:var(--space-xs);min-width:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.engagement-trigger-close:hover{background:var(--color-deck-gray)}.engagement-booking-summary{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray)}.engagement-booking-summary h4{font-size:1rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-sm) 0}.engagement-booking-info{display:flex;flex-direction:column;gap:var(--space-xs)}.booking-info-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-navigation-dark);font-size:.875rem}.booking-info-item svg{color:var(--color-chart-gray);flex-shrink:0}.engagement-existing-alert{margin-bottom:var(--space-lg);background:var(--color-nautical-light);border:1px solid var(--color-ocean-blue)}.engagement-existing-info{display:flex;flex-direction:column;gap:var(--space-sm)}.engagement-existing-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);font-weight:500}.engagement-existing-details{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.875rem;color:var(--color-chart-gray)}.engagement-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize;width:fit-content}.engagement-status--active{background:var(--color-success-light);color:var(--color-success-marina);border:1px solid var(--color-success-marina)}.engagement-status--paused{background:#fef3c7;color:var(--color-warning-beacon);border:1px solid var(--color-warning-beacon)}.engagement-status--completed{background:var(--color-deck-gray);color:var(--color-chart-gray);border:1px solid var(--color-cabin-gray)}.engagement-trigger-form{margin-bottom:var(--space-lg)}.playbook-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);color:var(--color-chart-gray);font-style:italic}.no-playbooks-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#fef3c7;border:1px solid var(--color-warning-beacon);border-radius:var(--radius-md);color:var(--color-warning-beacon);font-size:.875rem}.playbook-preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray)}.playbook-preview-content h5{font-size:.875rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-sm) 0}.playbook-preview-details{display:flex;flex-direction:column;gap:var(--space-xs)}.playbook-detail{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-label{font-weight:500;color:var(--color-chart-gray)}.playbook-detail span:last-child{color:var(--color-navigation-dark)}.playbook-default-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-success-light);color:var(--color-success-marina);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;width:fit-content}.engagement-info-box{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-nautical-light);border:1px solid var(--color-harbor-blue);border-radius:var(--radius-md);display:flex;gap:var(--space-sm)}.engagement-info-box svg{color:var(--color-ocean-blue);flex-shrink:0;margin-top:2px}.engagement-info-content{flex:1}.engagement-info-content h5{font-size:.875rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.engagement-info-content ul{margin:0;padding-left:var(--space-md);color:var(--color-chart-gray);font-size:.875rem;line-height:1.4}.engagement-info-content li{margin-bottom:var(--space-xs)}.engagement-trigger-error{margin-bottom:var(--space-lg)}.engagement-trigger-success{margin-bottom:var(--space-lg);background:var(--color-success-light);border:1px solid var(--color-success-marina);color:var(--color-success-marina)}.engagement-trigger-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}@media (max-width: 768px){.engagement-trigger-overlay{padding:var(--space-sm)}.engagement-trigger-modal{max-height:95vh}.engagement-trigger-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.engagement-trigger-actions{flex-direction:column}.engagement-existing-header{flex-direction:column;align-items:stretch}.booking-info-item{flex-wrap:wrap}}@media (max-width: 480px){.engagement-trigger-overlay{padding:var(--space-xs)}.engagement-trigger-header .card-title{font-size:1.125rem}.engagement-booking-summary,.engagement-info-box{padding:var(--space-sm)}}.yacht-bookings-table{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);overflow:hidden}.yacht-bookings-table .MuiTableHead-root{background-color:var(--color-deck-tan)}.yacht-bookings-table .MuiTableHead-root .MuiTableCell-root{font-weight:600;color:var(--color-navigation-dark);border-bottom:2px solid var(--color-cabin-gray)}.yacht-bookings-table .MuiTableRow-root:hover{background-color:#2c52820a}.yacht-bookings-table .MuiTableCell-root{border-bottom:1px solid var(--color-cabin-gray);padding:var(--space-md)}.bookings-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-xl);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white)}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:400px}.empty-state-icon{color:var(--color-chart-gray);opacity:.6}.empty-state-content h3{font-size:1.25rem;font-weight:600;color:var(--color-navigation-dark);margin:0}.empty-state-content p{color:var(--color-chart-gray);margin:0;line-height:1.5}.booking-detail-value--price{font-weight:600;color:var(--color-ocean-blue);font-size:1.1em}.booking-detail-value--code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:var(--color-cabin-gray);padding:2px 6px;border-radius:4px;font-size:.9em}.booking-notes-display{background-color:var(--color-deck-tan);border-left:4px solid var(--color-ocean-blue);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-xs)}.booking-notes-display p{margin:0;line-height:1.5;color:var(--color-navigation-dark)}.form-help{display:block;margin-top:var(--space-xs);color:var(--color-chart-gray);font-size:.75rem;line-height:1.4}.explorer_tree_image_expand{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J0wgMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=)}.explorer_tree_image_collapse{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==)}.explorer_event_delete{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTInIGhlaWdodD0nMTInIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMC41IEwgMTEuNSAxMS41IE0gMC41IDExLjUgTCAxMS41IDAuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MztzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=) no-repeat center center;opacity:.6;cursor:pointer}.explorer_rowmove_handle{background-repeat:no-repeat;background-position:center center;background-color:#ccc;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);cursor:move}.explorer_row_new .explorer_rowheader_inner{padding-left:10px;color:#666;cursor:text;background-position:0px 50%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=)}.explorer_sorticon.explorer_sorticon_asc{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSI1IDEuNSwgMTAgMTAsIDAgMTAiLz48L3N2Zz4=)}.explorer_sorticon.explorer_sorticon_desc{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSI1IDguNSwgMCAwLCAxMCAwIi8+PC9zdmc+)}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-hover: #f1f5f9;--color-ocean-blue: #1e3a8a;--color-deep-sea: #1e40af;--color-harbor-blue: #3b82f6;--color-nautical-light: #dbeafe;--color-success-marina: #059669;--color-warning-beacon: #d97706;--color-alert-flare: #dc2626;--color-info-wave: #0891b2;--color-hull-white: #ffffff;--color-deck-gray: #f8fafc;--color-cabin-gray: #e2e8f0;--color-chart-gray: #64748b;--color-navigation-dark: #1e293b;--color-deep-navigation: #0f172a;--color-background-light: #f8fafc;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-700: #374151;--color-gray-900: #111827;--color-success-emerald: #059669;--color-warning-amber: #d97706;--color-danger-coral: #dc2626;--color-primary-ocean: #007bbf;--color-primary-navy: #005a8b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-monospace: "JetBrains Mono", "Fira Code", monospace;--font-display: "Inter Display", "Inter", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);line-height:1.6;color:var(--color-navigation-dark);background-color:var(--color-deck-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-deep-navigation)}.display-1{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.1}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-md)}.text-large{font-size:1.125rem;line-height:1.6}.text-small{font-size:.875rem;line-height:1.5}.text-caption{font-size:.75rem;font-weight:500;line-height:1.4;text-transform:uppercase;letter-spacing:.05em}.text-mono{font-family:var(--font-monospace)}.text-primary{color:var(--color-ocean-blue)}.text-secondary{color:var(--color-chart-gray)}.text-success{color:var(--color-success-marina)}.text-warning{color:var(--color-warning-beacon)}.text-danger{color:var(--color-alert-flare)}.text-info{color:var(--color-info-wave)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px var(--space-lg);font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-ocean-blue);color:var(--color-hull-white)}.btn-primary:hover{background-color:var(--color-deep-sea)}.btn-secondary{background-color:var(--color-hull-white);color:var(--color-ocean-blue);border:1px solid var(--color-cabin-gray)}.btn-secondary:hover{background-color:var(--color-deck-gray);border-color:var(--color-ocean-blue)}.btn-danger{background-color:var(--color-alert-flare);color:var(--color-hull-white)}.btn-danger:hover{background-color:#b91c1c}.btn-success{background-color:var(--color-success-marina);color:var(--color-hull-white)}.btn-success:hover{background-color:#047857}.btn-sm{padding:8px var(--space-md);font-size:.75rem;min-height:36px}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem;min-height:52px}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-icon svg{width:24px;height:24px;min-width:24px;min-height:24px}.card{background-color:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-cabin-gray);margin-bottom:var(--space-md)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs)}.card-subtitle{color:var(--color-chart-gray);font-size:.875rem}.card-status{border-left:4px solid var(--color-cabin-gray);padding:var(--space-md);box-shadow:var(--shadow-sm)}.card-status.status-online{border-left-color:var(--color-success-marina)}.card-status.status-maintenance{border-left-color:var(--color-warning-beacon)}.card-status.status-damage{border-left-color:var(--color-alert-flare)}.card-status.status-offline{border-left-color:var(--color-chart-gray)}.form-label{display:block;font-weight:500;margin-bottom:var(--space-xs);color:var(--color-deep-navigation)}.form-input,.form-select,.form-textarea{width:100%;padding:12px var(--space-md);font-size:1rem;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background-color:var(--color-hull-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:48px}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--color-alert-flare);font-size:.875rem;margin-top:var(--space-xs)}.form-help{color:var(--color-chart-gray);font-size:.875rem;margin-top:var(--space-xs)}.form-checkbox,.form-radio{width:20px;height:20px;margin-right:var(--space-sm);accent-color:var(--color-ocean-blue)}.form-hint{color:var(--color-chart-gray);font-size:.875rem;margin-top:var(--space-xs);display:block}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:300px;overflow-y:auto;z-index:var(--z-dropdown)}.autocomplete-item{padding:12px var(--space-md);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-cabin-gray)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--color-nautical-light)}.autocomplete-item-primary{font-weight:600;color:var(--color-deep-navigation);margin-bottom:var(--space-xs)}.autocomplete-item-secondary{font-size:.875rem;color:var(--color-chart-gray)}.autocomplete-no-results{padding:var(--space-md);text-align:center;color:var(--color-chart-gray);font-style:italic}.autocomplete-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.navbar{background-color:var(--color-hull-white);border-bottom:1px solid var(--color-cabin-gray);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-lg)}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--color-ocean-blue);text-decoration:none}.navbar-nav{display:flex;align-items:center;gap:var(--space-lg);list-style:none}.navbar-link{color:var(--color-navigation-dark);text-decoration:none;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.navbar-link:hover,.navbar-link.active{background-color:var(--color-nautical-light);color:var(--color-ocean-blue)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-hull-white);border-top:1px solid var(--color-cabin-gray);padding:var(--space-sm) 0;padding-bottom:env(safe-area-inset-bottom);z-index:var(--z-fixed)}.mobile-nav-container{display:flex;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);color:var(--color-chart-gray);text-decoration:none;font-size:.75rem;font-weight:500;transition:color var(--transition-fast);min-width:44px}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--color-ocean-blue)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;transition:opacity var(--transition-normal)}.modal-backdrop.show{opacity:1}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-hull-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal);max-width:90vw;max-height:90vh;overflow:auto}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray)}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--color-cabin-gray);display:flex;justify-content:flex-end;gap:var(--space-md)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px}.status-badge.online{background-color:#0596691a;color:var(--color-success-marina)}.status-badge.offline{background-color:#64748b1a;color:var(--color-chart-gray)}.status-badge.maintenance{background-color:#d977061a;color:var(--color-warning-beacon)}.status-badge.damage{background-color:#dc26261a;color:var(--color-alert-flare)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor}.progress-bar{width:100%;height:8px;background-color:var(--color-cabin-gray);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-ocean-blue);border-radius:4px;transition:width var(--transition-normal)}.spinner{width:40px;height:40px;border:4px solid var(--color-cabin-gray);border-top-color:var(--color-ocean-blue);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:32px;height:32px;border-width:3px}.spinner-lg{width:40px;height:40px;border-width:4px}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:var(--space-xs)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-secondary)}.loading-spinner p{margin:0;color:var(--color-text-secondary)}.skeleton{background:linear-gradient(90deg,var(--color-cabin-gray) 25%,var(--color-deck-gray) 50%,var(--color-cabin-gray) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}@media (max-width: 767px){.container{padding:0 var(--space-md)}.display-1{font-size:2rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{padding:10px 20px}.card{padding:var(--space-md)}.navbar-container{height:56px;padding:0 var(--space-md)}.modal{margin:var(--space-md);max-width:calc(100vw - 2 * var(--space-md))}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width: 480px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.container{padding:0 var(--space-lg)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.mobile-nav{display:none}}@media (min-width: 1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media print{.navbar,.mobile-nav,.btn,.modal-backdrop,.modal{display:none!important}.card{border:1px solid #000;box-shadow:none}body{background:#fff;color:#000}}.offline-indicator{background-color:var(--color-chart-gray);color:var(--color-hull-white);padding:var(--space-sm) var(--space-md);text-align:center;font-size:.875rem;position:sticky;top:64px;z-index:var(--z-sticky)}.sync-indicator{position:fixed;bottom:80px;right:var(--space-md);background-color:var(--color-info-wave);color:var(--color-hull-white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:.875rem;z-index:var(--z-fixed);animation:slide-up var(--transition-normal)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.error-message{background:#fff;padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);text-align:center}@media (max-width: 768px){.checkin-container{padding:var(--space-sm)}.section-navigation{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.header-navigation{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.progress-summary{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.status-buttons,.section-actions,.final-actions{flex-direction:column}.item-header{flex-direction:column;gap:var(--space-sm)}}.checkin-history{padding:var(--space-lg)}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.header-title h2{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.header-title p{color:var(--color-text-secondary);margin:0}.history-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);align-items:center}.filter-container{display:flex;align-items:center;gap:var(--space-xs)}.filter-icon{color:var(--color-text-secondary)}.filter-select{padding:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary-ocean);box-shadow:0 0 0 3px #007bbf1a}.no-events{text-align:center;padding:var(--space-4xl) var(--space-lg)}.no-events-icon{color:var(--color-gray-400);margin-bottom:var(--space-md)}.no-events h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.no-events p{color:var(--color-text-secondary);max-width:400px;margin:0 auto}.events-timeline{display:flex;flex-direction:column;gap:var(--space-lg)}.event-card{display:flex;gap:var(--space-md);position:relative}.event-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:var(--space-xs)}.event-type-icon{background:#fff;border:2px solid;border-radius:50%;padding:var(--space-xs);z-index:1}.event-type-icon--checkin{color:var(--color-success-emerald);border-color:var(--color-success-emerald)}.event-type-icon--checkout{color:var(--color-primary-ocean);border-color:var(--color-primary-ocean)}.timeline-line{width:2px;height:100%;background:var(--color-gray-200);margin-top:var(--space-sm);flex:1;min-height:40px}.event-content{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);flex:1;box-shadow:var(--shadow-sm)}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.event-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.event-meta{display:flex;gap:var(--space-md)}.meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-text-secondary)}.meta-item svg{color:var(--color-gray-400)}.event-status{flex-shrink:0}.issues-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.issues-badge--clean{background:#f0fdf4;color:var(--color-success-emerald)}.issues-badge--minor{background:#fffbeb;color:var(--color-warning-amber)}.issues-badge--critical{background:#fef2f2;color:var(--color-danger-coral)}.event-notes{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.notes-icon{color:var(--color-gray-400);flex-shrink:0;margin-top:2px}.event-notes p{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.event-issues{margin-bottom:var(--space-md)}.event-issues h4{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.issues-list{display:flex;flex-direction:column;gap:var(--space-xs)}.issue-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem}.issue-item--missing{background:#fef2f2;color:var(--color-danger-coral)}.issue-item--damaged{background:#fffbeb;color:var(--color-warning-amber)}.issue-item--more{background:var(--color-gray-100);color:var(--color-text-secondary);font-style:italic}.issue-section{font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.issue-item-name{flex:1}.issue-status{text-transform:capitalize;font-weight:var(--font-weight-medium)}.event-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.btn--ghost{background:transparent;border:1px solid var(--color-gray-300);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);font-size:.75rem}.btn--ghost:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.quick-actions{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.quick-actions h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.action-button{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .2s;text-align:left}.action-button:hover{border-color:var(--color-primary-ocean);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-button--checkin:hover{border-color:var(--color-success-emerald)}.action-button--checkout:hover{border-color:var(--color-primary-ocean)}.action-button--inventory:hover{border-color:var(--color-warning-amber)}.action-button svg{flex-shrink:0}.action-button--checkin svg{color:var(--color-success-emerald)}.action-button--checkout svg{color:var(--color-primary-ocean)}.action-button--inventory svg{color:var(--color-warning-amber)}.action-title{display:block;font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.action-description{display:block;font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}@media (max-width: 768px){.action-buttons{grid-template-columns:1fr}.action-button{padding:var(--space-sm);gap:var(--space-sm)}}.message-images{margin-top:var(--space-sm);padding:var(--space-sm);background-color:var(--color-deck-gray);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray)}.message-images__title{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.message-images__title:before{content:"🖼️";font-size:1rem}.message-images__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);max-width:100%}.message-image-item{position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-hull-white);border:1px solid var(--color-cabin-gray);cursor:pointer;transition:all .2s ease}.message-image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--color-harbor-blue)}.message-image-item__img{width:100%;height:auto;max-height:300px;object-fit:cover;display:block;transition:opacity .2s ease}.message-image-item__img:hover{opacity:.9}.message-image-item__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);height:150px;color:var(--color-text-secondary);background-color:var(--color-deck-gray)}.message-image-item__error span{margin-top:var(--space-xs);font-size:.875rem}@media (max-width: 768px){.message-images__grid{grid-template-columns:1fr}.message-image-item__img{max-height:200px}}@media (max-width: 480px){.message-images{margin-top:var(--space-xs);padding:var(--space-xs)}.message-images__title{font-size:.75rem}}.fleet-dashboard{padding:var(--space-lg);max-width:1400px;margin:0 auto;background:var(--color-deck-gray);min-height:100vh}.fleet-dashboard--loading,.fleet-dashboard--error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);text-align:center}.fleet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl);background:#fff;padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-cabin-gray)}.header-title{display:flex;align-items:center;gap:var(--space-md)}.header-icon{color:var(--color-ocean-blue);flex-shrink:0}.fleet-header h1{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.header-subtitle{color:var(--color-chart-gray);font-size:.875rem;margin:0}.header-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.summary-card{background:#fff;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-md);transition:box-shadow var(--transition-fast)}.summary-card:hover{box-shadow:var(--shadow-md)}.summary-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon--users{background-color:#1e3a8a1a;color:var(--color-ocean-blue)}.summary-icon--yachts{background-color:#0596691a;color:var(--color-success-marina)}.summary-icon--bookings{background-color:#0891b21a;color:var(--color-info-wave)}.summary-icon--invitations{background-color:#d977061a;color:var(--color-warning-beacon)}.summary-content h3{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.summary-content p{color:var(--color-chart-gray);font-size:.875rem;margin:0}.dashboard-content{display:flex;flex-direction:column;gap:var(--space-2xl)}.dashboard-section{background:#fff;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray)}.section-header h2{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-navigation-dark);margin:0}.section-controls{display:flex;gap:var(--space-md);align-items:center}.search-container{position:relative;min-width:250px}.search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-chart-gray);pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-xl);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:.875rem;background:#fff}.filter-select{padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:.875rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #1e3a8a1a}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);padding:var(--space-lg)}.user-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-deck-gray);transition:all var(--transition-fast)}.user-card:hover{border-color:var(--color-ocean-blue);box-shadow:var(--shadow-sm)}.user-header{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.user-avatar{width:40px;height:40px;background:var(--color-ocean-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:.875rem;flex-shrink:0}.user-info h4{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.user-email{font-size:.875rem;color:var(--color-chart-gray);margin:0 0 var(--space-xs) 0}.role-badge{padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:capitalize;display:inline-block}.role-badge--guest{background:#64748b1a;color:var(--color-chart-gray)}.role-badge--fleet_admin{background:#1e3a8a1a;color:var(--color-ocean-blue)}.role-badge--fleet_member{background:#0596691a;color:var(--color-success-marina)}.role-badge--yacht_owner{background:#d977061a;color:var(--color-warning-beacon)}.user-stats{display:flex;gap:var(--space-md)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.75rem;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-navigation-dark)}.yachts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md);padding:var(--space-lg)}.yacht-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-deck-gray);transition:all var(--transition-fast)}.yacht-card:hover{border-color:var(--color-ocean-blue);box-shadow:var(--shadow-sm)}.yacht-header{margin-bottom:var(--space-md)}.yacht-card h4{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.yacht-model{font-size:.875rem;color:var(--color-chart-gray);margin:0}.yacht-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.detail-item{text-align:center;padding:var(--space-xs);background:#fff;border-radius:var(--radius-sm)}.detail-item span:first-child{display:block;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-navigation-dark)}.detail-item span:last-child{font-size:.75rem;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.05em}.current-booking{padding:var(--space-sm);background:#0596691a;border:1px solid var(--color-success-marina);border-radius:var(--radius-sm)}.booking-guest{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-success-marina);margin:0 0 var(--space-xs) 0}.booking-dates{font-size:.75rem;color:var(--color-chart-gray);margin:0}.bookings-table{overflow-x:auto}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-deck-gray);border-bottom:1px solid var(--color-cabin-gray);font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.05em}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-cabin-gray);font-size:.875rem;transition:background-color var(--transition-fast)}.table-row:hover{background:var(--color-deck-gray)}.table-col{display:flex;align-items:center;min-width:0}.guest-info{display:flex;flex-direction:column;gap:var(--space-xs)}.guest-name{font-weight:var(--font-weight-medium);color:var(--color-navigation-dark)}.guest-email{font-size:.75rem;color:var(--color-chart-gray)}.status-indicator{display:flex;align-items:center;gap:var(--space-xs)}.status-text{text-transform:capitalize;font-weight:var(--font-weight-medium)}.status-text--confirmed{color:var(--color-success-marina)}.status-text--pending{color:var(--color-warning-beacon)}.status-text--in_progress{color:var(--color-info-wave)}.status-text--cancelled{color:var(--color-alert-flare)}.invitations-list{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.invitation-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-deck-gray)}.invitation-info h4{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.invitation-info p{font-size:.875rem;color:var(--color-chart-gray);margin:0 0 var(--space-xs) 0}.invitation-meta{text-align:right;font-size:.75rem;color:var(--color-chart-gray)}.invitation-date,.invitation-expires{margin:0 0 var(--space-xs) 0}.existing-user{color:var(--color-info-wave);font-weight:var(--font-weight-medium);margin:0}.invitation-actions{display:flex;gap:var(--space-sm);margin-left:var(--space-md)}.invitation-actions .btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md)}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-navigation-dark);margin:0}.modal-close{background:none;border:none;cursor:pointer;color:var(--color-chart-gray);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.modal-close:hover{background:var(--color-cabin-gray)}.modal-body{padding:var(--space-lg);overflow-y:auto}.detail-section h4{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.detail-item label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.detail-item span{font-size:.875rem;color:var(--color-text-primary)}.event-notes-full{background:var(--color-gray-50);padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.issues-detail-list{display:flex;flex-direction:column;gap:var(--space-sm)}.issue-detail-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-md)}.issue-detail-item--missing{border-color:var(--color-danger-coral);background:#fef2f2}.issue-detail-item--damaged{border-color:var(--color-warning-amber);background:#fffbeb}.issue-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.issue-detail-header .issue-section{font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.issue-status-badge{padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:.625rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.issue-status-badge--missing{background:var(--color-danger-coral);color:#fff}.issue-status-badge--damaged{background:var(--color-warning-amber);color:#fff}.issue-detail-item .issue-item-name{font-size:.875rem;color:var(--color-text-primary);margin:0}@media (max-width: 768px){.checkin-history{padding:var(--space-md)}.history-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.history-controls{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.event-card{gap:var(--space-sm)}.event-header{flex-direction:column;gap:var(--space-sm)}.event-meta{flex-direction:column;gap:var(--space-xs)}.detail-grid{grid-template-columns:1fr}.modal-content{max-height:90vh;margin:var(--space-sm)}}.workflows-list{display:flex;flex-direction:column;gap:var(--space-lg)}.workflow-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);overflow:hidden}.workflow-header{padding:var(--space-lg);background:var(--color-deck-gray);border-bottom:1px solid var(--color-cabin-gray);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.workflow-info{flex:1;min-width:0}.workflow-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-weight:600;color:var(--color-navigation-dark)}.workflow-name{color:var(--color-chart-gray);font-weight:400;margin-left:var(--space-sm)}.workflow-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.meta-item.highlight{font-weight:600;color:var(--color-navigation-dark)}.progress-mini{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem}.progress-mini .progress-bar{width:60px;height:4px;background:var(--color-cabin-gray);border-radius:var(--radius-full);overflow:hidden}.progress-mini .progress-fill{height:100%;background:var(--color-success-marina);transition:width .3s ease}.status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-completed{background:var(--color-success-marina);color:#fff}.status-in_progress{background:var(--color-info-wave);color:#fff}.status-ready{background:var(--color-warning-beacon);color:#fff}.status-failed{background:var(--color-alert-flare);color:#fff}.status-pending{background:var(--color-chart-gray);color:#fff}.tasks-list{display:flex;flex-direction:column}.task-row{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray);transition:background-color .2s ease}.task-row:hover{background:var(--color-deck-gray)}.task-row:last-child{border-bottom:none}.task-status{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-deck-gray);flex-shrink:0}.status-icon{transition:color .2s ease}.status-success-marina{color:var(--color-success-marina)}.status-info-wave{color:var(--color-info-wave)}.status-warning-beacon{color:var(--color-warning-beacon)}.status-alert-flare{color:var(--color-alert-flare)}.status-chart-gray{color:var(--color-chart-gray)}.task-content{flex:1;min-width:0}.task-main{margin-bottom:var(--space-sm)}.task-name{font-size:1rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.task-description{font-size:.875rem;color:var(--color-chart-gray);margin:0;line-height:1.5}.task-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.task-details{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.task-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.task-completion-modal{--ocean-blue: #1976d2;--ocean-blue-light: #42a5f5;--success-green: #4caf50;--warning-amber: #ff9800;--error-red: #f44336;--neutral-gray: #9e9e9e}.task-completion-modal .MuiDialog-paper{background:linear-gradient(145deg,#fff,#f8f9fa)}.task-completion-modal .MuiTextField-root{background:#fff;border-radius:8px}.task-completion-modal .MuiTextField-root .MuiOutlinedInput-root{border-radius:8px}.task-completion-modal .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--ocean-blue)}.task-completion-modal .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--ocean-blue);border-width:2px}@keyframes taskModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.task-completion-modal .MuiDialog-paper{animation:taskModalFadeIn .3s ease-out}@media (max-width: 600px){.task-completion-modal .MuiDialog-paper{margin:8px;width:calc(100vw - 16px);max-height:calc(100vh - 32px)}.task-completion-modal .MuiDialogContent-root{padding:16px!important}.task-completion-modal .MuiDialogActions-root{padding:16px!important;flex-direction:column;gap:8px}.task-completion-modal .MuiDialogActions-root .MuiButton-root{width:100%}}.checkin-selection{padding:var(--space-lg);max-width:1200px;margin:0 auto}.checkin-header{margin-bottom:var(--space-3xl);text-align:center}.checkin-header h1{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-sm)}.checkin-header p{font-size:1.125rem;color:var(--color-gray-600)}.selection-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center}.search-container{position:relative;flex:1;min-width:300px}.search-icon{position:sticky;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-xl);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--color-primary-ocean);box-shadow:0 0 0 3px #007bbf1a}.filter-container label{font-weight:var(--font-weight-medium);color:var(--color-gray-700);white-space:nowrap}.status-filter{padding:var(--space-sm) var(--space-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;background:#fff;cursor:pointer}.status-filter:focus{outline:none;border-color:var(--color-primary-ocean);box-shadow:0 0 0 3px #007bbf1a}.yacht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.yacht-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.yacht-card:hover{border-color:var(--color-primary-ocean);box-shadow:var(--shadow-md);transform:translateY(-2px)}.yacht-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.yacht-info h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.yacht-info p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.yacht-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.status-icon.status-available{color:var(--color-success-emerald)}.status-icon.status-occupied{color:var(--color-warning-amber)}.status-icon.status-maintenance{color:var(--color-danger-coral)}.status-icon.status-unknown{color:var(--color-gray-400)}.yacht-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.detail-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary)}.detail-item svg{color:var(--color-gray-400);flex-shrink:0}.yacht-card-footer{display:flex;justify-content:flex-end}.select-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary-ocean);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s}.select-button:hover{background:var(--color-primary-navy)}.no-results{grid-column:1 / -1;text-align:center;padding:var(--space-4xl) var(--space-md)}.no-results-icon{color:var(--color-gray-400);margin-bottom:var(--space-md)}.no-results h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.no-results p{color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.checkin-selection{padding:var(--space-md)}.selection-controls{flex-direction:column;align-items:stretch}.search-container{min-width:unset}.yacht-grid{grid-template-columns:1fr}.yacht-card-header{flex-direction:column;gap:var(--space-sm)}.yacht-status{align-self:flex-start}}.checkin-container{max-width:1200px;margin:0 auto;padding:var(--space-md);background:var(--color-background-light);min-height:100vh}.checkin-container--loading,.checkin-container--error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);text-align:center}.loading-spinner,.error-message{background:#fff;padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.loading-icon,.error-icon{color:var(--color-primary-ocean);margin-bottom:var(--space-md)}.checkin-header{background:#fff;padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);border:1px solid var(--color-gray-200)}.header-icon{color:var(--color-primary-ocean);flex-shrink:0}.header-title h1{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.header-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:var(--space-xs) 0 0 0}.progress-bar{flex:1;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success-emerald),var(--color-primary-ocean));border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;gap:var(--space-sm)}.alert--critical{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-icon{flex-shrink:0;margin-top:2px}.alert h4{font-size:1rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.alert p{margin:0 0 var(--space-sm) 0}.issues-list{margin:0;padding-left:var(--space-md)}.issues-list li{margin-bottom:var(--space-xs)}.section-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.section-nav-item{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;text-align:left}.section-nav-item:hover{border-color:var(--color-primary-ocean);box-shadow:var(--shadow-sm)}.section-nav-item--active{border-color:var(--color-primary-ocean);background:#f0f9ff;box-shadow:var(--shadow-sm)}.section-nav-item--completed{border-color:var(--color-success-emerald);background:#f0fdf4}.section-nav-content h4{font-size:.875rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.section-progress{font-size:.75rem;color:var(--color-text-secondary)}.section-nav-indicator{color:var(--color-success-emerald)}.section-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-300)}.current-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);margin-bottom:var(--space-lg)}.section-header{padding:var(--space-lg);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}.section-header h2{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.section-counter{font-size:.875rem;color:var(--color-text-secondary);background:var(--color-gray-100);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.inventory-items{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.checkin-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-background-light);transition:border-color .2s}.checkin-item--critical{border-color:var(--color-warning-amber);background:#fffbeb}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.item-info h4{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.item-meta{display:flex;gap:var(--space-sm);align-items:center}.item-quantity{font-size:.875rem;color:var(--color-text-secondary)}.test-required-badge{background:var(--color-warning-amber);color:#fff;padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium)}.item-status{display:flex;align-items:center;gap:var(--space-xs)}.status-label{font-size:.875rem;font-weight:var(--font-weight-medium);text-transform:capitalize}.status-controls{display:flex;flex-direction:column;gap:var(--space-sm)}.status-buttons{display:flex;gap:var(--space-sm)}.status-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .2s;flex:1;justify-content:center}.status-btn:hover{border-color:var(--color-primary-ocean);background:#f0f9ff}.status-btn--active{border-color:var(--color-primary-ocean);background:var(--color-primary-ocean);color:#fff}.status-btn-label{font-size:.875rem;font-weight:var(--font-weight-medium)}.status-icon{width:16px;height:16px}.status-icon--ok{color:var(--color-success-emerald)}.status-icon--missing{color:var(--color-danger-coral)}.status-icon--damaged{color:var(--color-warning-amber)}.status-icon--unknown{width:16px;height:16px;border-radius:50%;background:var(--color-gray-300)}.item-notes textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;resize:vertical;font-family:inherit}.item-notes textarea:focus{outline:none;border-color:var(--color-primary-ocean);box-shadow:0 0 0 3px #007bbf1a}.test-instructions{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#fffbeb;border:1px solid var(--color-warning-amber);border-radius:var(--radius-md);margin-top:var(--space-sm)}.test-icon{color:var(--color-warning-amber);flex-shrink:0}.test-instructions p{margin:0;font-size:.875rem;color:#92400e}.section-actions{padding:var(--space-lg);border-top:1px solid var(--color-gray-200);display:flex;justify-content:space-between;gap:var(--space-md)}.final-review{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--space-lg)}.final-review h3{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0}.review-summary{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.summary-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.summary-value--warning{color:var(--color-danger-coral)}.summary-value--success{color:var(--color-success-emerald)}.form-group label{display:block;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.form-group textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;resize:vertical;font-family:inherit}.form-group textarea:focus{outline:none;border-color:var(--color-primary-ocean);box-shadow:0 0 0 3px #007bbf1a}.signature-section{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.signature-section h4{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.signature-icon{color:var(--color-primary-ocean)}.signature-section p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.final-actions{display:flex;justify-content:space-between;gap:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;text-decoration:none}.btn--icon{padding:var(--space-sm);background:var(--color-gray-100);border-color:var(--color-gray-300)}.btn--icon:hover:not(:disabled){background:var(--color-gray-200)}.btn--secondary{background:#fff;border-color:var(--color-gray-300);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--primary{background:var(--color-primary-ocean);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-navy)}.btn--large{padding:var(--space-md) var(--space-lg);font-size:1rem}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-icon{width:16px;height:16px}@media (max-width: 768px){.checkin-container{padding:var(--space-sm)}.section-navigation{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.header-navigation{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.progress-summary{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.status-buttons,.section-actions,.final-actions{flex-direction:column}.item-header{flex-direction:column;gap:var(--space-sm)}.workflow-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.workflow-meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.task-row{flex-direction:column;gap:var(--space-sm)}.task-actions{align-self:stretch;justify-content:stretch}.task-actions .btn-sm{flex:1;justify-content:center}.workflow-meta-grid,.status-grid{grid-template-columns:1fr}.task-detail-row{flex-direction:column;gap:var(--space-sm)}.task-header,.task-details-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.tabs-nav{flex-wrap:wrap}.tab-button{flex:1;justify-content:center}.modal-xl{width:100vw;height:100vh;max-width:none;max-height:none}}.empty-suggestions{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-deck-gray);border-radius:var(--radius-md);border-left:4px solid var(--color-ocean-blue)}.empty-suggestions p{margin:0 0 var(--space-sm) 0;font-weight:600;color:var(--color-navigation-dark)}.empty-suggestions ul{margin:0;padding-left:var(--space-lg);color:var(--color-chart-gray)}.empty-suggestions li{margin-bottom:var(--space-xs)}.workflow-actions{display:flex;align-items:center;gap:var(--space-sm)}.no-tasks-message{padding:var(--space-lg);text-align:center;color:var(--color-chart-gray);font-style:italic;border-top:1px solid var(--color-cabin-gray)}.no-tasks-message p{margin:0 0 var(--space-sm) 0}.btn-link{background:none;border:none;color:var(--color-ocean-blue);text-decoration:none;cursor:pointer;font-size:.875rem;transition:color .2s ease}.btn-link:hover{color:var(--color-deep-sea);text-decoration:underline}.btn--destructive{background-color:var(--color-alert-flare)!important;color:var(--color-hull-white)!important;border:1px solid var(--color-alert-flare)!important}.btn--destructive:hover:not(:disabled){background-color:#b91c1c!important;border-color:#b91c1c!important;color:var(--color-hull-white)!important}.ai-message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:8px;background:var(--color-deck-gray);border-radius:var(--border-radius-md)}.ai-message-image{max-width:100%;height:auto;max-height:300px;border-radius:var(--border-radius-sm);object-fit:contain;cursor:pointer;transition:transform .2s ease}.ai-message-image:hover{transform:scale(1.02)}.streaming-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:var(--color-nautical-light);border-radius:var(--border-radius-sm);color:var(--color-ocean-blue);font-size:.875rem;font-style:italic}.streaming-indicator .spinning{animation:spin 1s linear infinite}.ai-thinking-container{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:8px 0;animation:fadeIn .3s ease-in}.ai-thinking-container .ai-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-ocean-blue),var(--color-harbor-blue));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #1e3a8a33}.ai-thinking-bubble{background:var(--color-deck-gray);border:1px solid var(--color-cabin-gray);border-radius:16px;padding:12px 16px;max-width:70%;display:flex;align-items:center;gap:12px;animation:slideInLeft .3s ease-out,pulse 2s ease-in-out infinite}.ai-thinking-bubble .thinking-text{color:var(--color-chart-gray);font-size:.9rem}.tool-indicator{display:flex;align-items:center;gap:8px;color:var(--color-ocean-blue);font-weight:500;font-size:.9rem}.tool-icon-wrapper{width:28px;height:28px;border-radius:50%;background:var(--color-nautical-light);display:flex;align-items:center;justify-content:center;animation:bounce 1s ease-in-out infinite}.tool-icon{color:var(--color-ocean-blue)}.tool-name{color:var(--color-chart-gray);font-weight:400}.thinking-dots{display:flex;gap:4px;align-items:center}.thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-chart-gray);animation:dotFlashing 1.4s infinite}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 #1e3a8a1a}50%{box-shadow:0 0 0 8px #1e3a8a00}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes dotFlashing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ai-message-container .message-bubble em,.ai-message-container .message-bubble i{color:var(--color-info-wave);font-style:italic;display:block;margin:8px 0}.ai-message-actions{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-cabin-gray)}.notification-settings{background:var(--surface-primary);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.notification-settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notification-settings__title{display:flex;align-items:center;gap:12px}.notification-settings__title h3{margin:0;font-size:20px;font-weight:600;color:var(--color-navigation-dark)}.notification-settings__status{padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.notification-settings__status--active{background:var(--primary-100);color:var(--primary-700)}.notification-settings__status--inactive{background:var(--color-cabin-gray);color:var(--color-chart-gray)}.notification-settings__description{margin-bottom:20px}.notification-settings__description p{margin:0;color:var(--color-chart-gray);line-height:1.5}.notification-settings__message{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.notification-settings__message--success{background:#d1fae5;color:var(--color-success-marina);border:1px solid var(--color-success-marina)}.notification-settings__message--error{background:#fee2e2;color:var(--color-alert-flare);border:1px solid var(--color-alert-flare)}.notification-settings__actions{display:flex;gap:12px;flex-wrap:wrap}.notification-settings__warning{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 16px;background:#fef3c7;border:1px solid var(--color-warning-beacon);border-radius:6px;color:#92400e;font-size:14px}.notification-settings__warning p{margin:0;line-height:1.5}.notification-settings__unsupported{text-align:center;padding:40px 20px}.notification-settings__unsupported h3{margin:16px 0 8px;color:var(--color-navigation-dark)}.notification-settings__unsupported p{margin:0;color:var(--color-chart-gray);line-height:1.5}.icon--primary{color:var(--color-ocean-blue)}.icon--muted{color:var(--color-chart-gray)}.icon--warning{color:var(--color-warning-beacon)}@media (max-width: 768px){.notification-settings{padding:16px}.notification-settings__header{flex-direction:column;align-items:flex-start;gap:12px}.notification-settings__actions{flex-direction:column;width:100%}.notification-settings__actions .btn{width:100%}}.notification-debug__actionRow{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.entity-card{height:100%;transition:all .2s ease-in-out;border:1px solid var(--color-cabin-gray)}.entity-card:hover{box-shadow:0 4px 12px #1e3a8a1a;transform:translateY(-2px)}.icon-ocean{color:var(--color-ocean-blue)}.page-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.update-prompt{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:32rem;padding:1rem;background:#10b981;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:.75rem;z-index:9999;animation:slideDown .3s ease-out;border-left:4px solid #059669}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.update-prompt--update{border-left-color:#059669;background:#10b981}.update-prompt--update .update-prompt__icon{color:#fff}.update-prompt--offline{border-left-color:var(--color-success)}.update-prompt--offline .update-prompt__icon{color:var(--color-success)}.update-prompt__icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.update-prompt__content{flex:1;min-width:0}.update-prompt__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 .25rem;line-height:1.5}.update-prompt__message{font-size:var(--font-size-sm);color:#fff;margin:0;line-height:1.5}line-height: 1.5; } .update-prompt__actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.update-prompt__button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:2.5rem;white-space:nowrap}.update-prompt__button:disabled{opacity:.6;cursor:not-allowed}.update-prompt__button--primary{background:#fff;color:#059669}.update-prompt__button--primary:hover:not(:disabled){background:#f0fdf4;transform:translateY(-1px);box-shadow:var(--shadow-md)}.update-prompt__button--primary:active:not(:disabled){transform:translateY(0)}.update-prompt__button--secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.update-prompt__button--secondary:hover:not(:disabled){background:#ffffff4d}.update-prompt__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.update-prompt__close:hover:not(:disabled){background:#fff3;color:#fff}color: var(--color-text-primary); } .update-prompt__close:disabled{opacity:.4;cursor:not-allowed}.update-prompt__spinner{animation:spin 1s linear infinite}@media (min-width: 768px){.update-prompt{top:1.5rem;width:auto;min-width:28rem}}@media (min-width: 1024px){.update-prompt{top:2rem}}@media (prefers-reduced-motion: reduce){.update-prompt,.update-prompt__spinner{animation:none}.update-prompt__button{transition:none}}@media (prefers-contrast: high){.update-prompt{border:2px solid var(--color-text-primary)}.update-prompt__button--primary{border:2px solid var(--color-ocean-blue-dark)}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}.sidebar{position:fixed;top:64px;left:0;bottom:0;width:280px;background:var(--hull-white);border-right:1px solid var(--cabin-gray);transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow:hidden;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--cabin-gray);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-logo-icon{color:var(--ocean-blue)}.sidebar-logo-text{font-size:18px;font-weight:600;color:var(--navigation-dark)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) 0;display:flex;flex-direction:column}.nav-section{padding:0 var(--spacing-md)}.nav-section.bottom{margin-top:auto;border-top:1px solid var(--cabin-gray);padding-top:var(--spacing-md)}.menu-item-container{margin-bottom:var(--spacing-xs)}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;min-height:44px;color:var(--navigation-dark)}.menu-item:hover{background:var(--deck-gray)}.menu-item.active{background:var(--nautical-light);color:var(--ocean-blue)}.menu-item.active .menu-icon{color:var(--ocean-blue)}.menu-item.level-1{padding-left:calc(var(--spacing-md) + var(--spacing-lg));font-size:14px}.menu-item-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.menu-icon{color:var(--chart-gray);flex-shrink:0;transition:color .2s ease}.menu-label{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-icon{color:var(--chart-gray);transition:transform .2s ease,color .2s ease;flex-shrink:0}.menu-item:hover .expand-icon{color:var(--navigation-dark)}.menu-item.active .expand-icon{color:var(--ocean-blue)}.submenu{margin-top:var(--spacing-xs);border-left:2px solid var(--cabin-gray);margin-left:calc(var(--spacing-md) + 10px)}.sidebar-user{padding:var(--spacing-md);border-top:1px solid var(--cabin-gray);flex-shrink:0}.user-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--deck-gray);border-radius:8px}.user-avatar{width:32px;height:32px;background:var(--ocean-blue);color:var(--hull-white);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:14px;font-weight:600;color:var(--navigation-dark);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:var(--chart-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tenant{font-size:11px;color:var(--ocean-blue);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.switch-operator-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--ocean-blue),var(--ocean-teal));color:var(--hull-white);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:40px}.switch-operator-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.switch-operator-btn:active{transform:translateY(0)}.switch-operator-btn svg{flex-shrink:0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--cabin-gray);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--chart-gray)}@media (min-width: 1024px){.sidebar{position:static;transform:none;width:280px;top:0;border-right:1px solid var(--cabin-gray);height:calc(100vh - 64px)}.sidebar-overlay{display:none!important}.sidebar-header{display:none}}@media (max-width: 1023px){.sidebar-overlay.show{display:block}.sidebar{box-shadow:4px 0 24px #0000001a}}@media (max-width: 767px){.sidebar{width:280px;max-width:calc(100vw - var(--spacing-xl))}.menu-label{font-size:16px}.menu-item{min-height:48px;padding:var(--spacing-md)}.menu-item.level-1{padding-left:calc(var(--spacing-lg) + var(--spacing-lg))}}.menu-item:focus{outline:2px solid var(--ocean-blue);outline-offset:-2px}.menu-item:focus:not(:focus-visible){outline:none}.submenu{animation:expandSubmenu .25s cubic-bezier(.4,0,.2,1);transform-origin:top;overflow:hidden}@keyframes expandSubmenu{0%{opacity:0;max-height:0;transform:scaleY(.95)}to{opacity:1;max-height:500px;transform:scaleY(1)}}.sidebar.sidebar-guest{background:var(--ocean-blue);color:var(--hull-white)}.sidebar-guest .sidebar-header{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-guest .sidebar-logo-text{color:var(--hull-white)}.sidebar-guest .menu-item{color:var(--hull-white);border-radius:12px;margin-bottom:var(--spacing-sm)}.sidebar-guest .menu-item:hover{background:#ffffff1a}.sidebar-guest .menu-item.active{background:var(--hull-white);color:var(--ocean-blue)}.sidebar-guest .menu-item.active .menu-icon{color:var(--ocean-blue)}.sidebar-guest .menu-icon{color:#fffc}.sidebar-guest .user-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.sidebar-guest .user-name{color:var(--hull-white)}.sidebar-guest .user-role{color:#ffffffb3}.sidebar-guest .user-avatar{background:var(--hull-white);color:var(--ocean-blue)}@media (prefers-contrast: high){.menu-item.active{border:2px solid var(--ocean-blue)}.sidebar{border-right:2px solid var(--navigation-dark)}}.app-layout{min-height:100vh;background:var(--color-deck-gray);display:flex;flex-direction:column;position:relative}.layout-body{display:flex;flex:1;min-height:0;position:relative}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;animation:fade-in var(--transition-fast) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--color-deck-gray);transition:margin-left var(--transition-normal);position:relative}.main-content.with-sidebar{margin-left:0}.content-container{flex:1;max-width:1200px;margin:0 auto;padding:var(--space-lg);width:100%;min-height:0}@media (min-width: 1024px){.layout-body{height:calc(100vh - 64px)}.main-content{margin-left:0;overflow:auto}.content-container{padding:var(--space-2xl) var(--space-xl)}.sidebar-backdrop{display:none}}@media (max-width: 1023px){.content-container{padding:var(--space-lg) var(--space-md)}}@media (max-width: 767px){.content-container{padding:var(--space-md)}.layout-body{height:calc(100vh - 56px)}}@media (max-width: 1023px){body.sidebar-open{overflow:hidden}}.content-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md);color:var(--color-chart-gray)}.content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--space-xl);text-align:center;background:var(--color-hull-white);border-radius:var(--radius-lg);border:1px solid var(--color-cabin-gray);margin:var(--space-lg)}.content-error h3{color:var(--color-alert-flare);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:600}.content-error p{color:var(--color-chart-gray);margin-bottom:var(--space-lg);max-width:400px;line-height:1.6}.skip-link{position:absolute;top:-40px;left:var(--space-sm);background:var(--color-ocean-blue);color:var(--color-hull-white);padding:var(--space-sm) var(--space-md);text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-tooltip);transition:top var(--transition-normal);font-weight:600;font-size:.875rem}.skip-link:focus{top:var(--space-sm);outline:2px solid var(--color-hull-white);outline-offset:2px}.main-content:focus{outline:none}.main-content:focus-visible{outline:2px solid var(--color-ocean-blue);outline-offset:2px}.offline-indicator{background-color:var(--color-chart-gray);color:var(--color-hull-white);padding:var(--space-sm) var(--space-md);text-align:center;font-size:.875rem;font-weight:500;position:sticky;top:64px;z-index:var(--z-sticky);border-bottom:1px solid var(--color-navigation-dark)}@media (max-width: 767px){.offline-indicator{top:56px}}@media (prefers-contrast: high){.main-content{border-left:2px solid var(--color-navigation-dark)}.sidebar-backdrop{background-color:#000c}.content-error{border:2px solid var(--color-alert-flare)}}@media (prefers-reduced-motion: reduce){.main-content,.sidebar-backdrop,.content-loading .spinner{transition:none;animation:none}}@media print{.app-layout{background:#fff}.main-content{margin-left:0}.content-container{padding:0;max-width:none}.sidebar-backdrop,.offline-indicator,.skip-link{display:none!important}}.layout-body[data-focus-trap=true]{position:relative;overflow:hidden}.layout-body[data-focus-trap=true] .main-content{pointer-events:none}.layout-body[data-focus-trap=true] .sidebar{pointer-events:auto}.kb-panel{display:flex;flex-direction:column;height:100%}.kb-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(90deg,#fff,#f8fafc,#fff)}.kb-panel-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.kb-panel-body{display:flex;flex-direction:row;height:100%;overflow:hidden;position:relative}.kb-panel-list{overflow-y:auto;padding:0;background:#fff;height:100%}.kb-panel-detail{padding:16px;overflow-y:auto;background:#fff;height:100%}.kb-error{padding:10px 16px;color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecdd3}.kb-markdown{color:var(--color-text-primary);line-height:1.6}.kb-markdown p{margin-bottom:12px}.kb-markdown h2,.kb-markdown h3,.kb-markdown h4{margin:16px 0 8px;color:var(--color-text-primary)}.kb-markdown ul,.kb-markdown ol{margin:12px 0 12px 20px}.kb-markdown li{margin-bottom:6px}.kb-markdown code{background-color:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;color:#334155}.kb-markdown pre{background-color:#1e293b;color:#e2e8f0;padding:16px;border-radius:var(--radius-md);overflow-x:auto;margin:16px 0;border-left:4px solid var(--color-primary)}.kb-markdown pre code{background-color:transparent;padding:0;color:inherit;font-size:.875em;line-height:1.6}.kb-markdown blockquote{border-left:4px solid #cbd5e1;padding-left:16px;margin:16px 0;color:var(--color-text-secondary);font-style:italic}.kb-markdown hr{border:none;border-top:1px solid #e2e8f0;margin:24px 0}.kb-markdown table{border-collapse:collapse;width:100%;margin:16px 0}.kb-markdown table th,.kb-markdown table td{border:1px solid #e2e8f0;padding:8px 12px;text-align:left}.kb-markdown table th{background-color:#f8fafc;font-weight:600;color:var(--color-text-primary)}.kb-markdown table tr:nth-child(2n){background-color:#f8fafc}.kb-markdown a{color:var(--color-primary);text-decoration:underline}.kb-markdown a:hover{text-decoration:none}.kb-markdown img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:16px 0;box-shadow:0 2px 8px #0000001a;display:block}.kb-markdown p img{margin-left:auto;margin-right:auto}.kb-markdown img[alt]{cursor:help}.kb-markdown img[src$=".gif"],.kb-markdown img[src*=".gif?"]{image-rendering:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kb-markdown img[alt*=demo],.kb-markdown img[alt*=tutorial],.kb-markdown img[alt*=example]{border:1px solid #e2e8f0;padding:4px;background:#f8fafc}.kb-markdown img[alt*=icon]{display:inline-block;vertical-align:middle;margin:0 4px;box-shadow:none;max-height:1.5em;width:auto}.kb-markdown a img{transition:opacity .2s ease}.kb-markdown a img:hover{opacity:.8;cursor:pointer}.kb-markdown-inline p{display:inline}.kb-step-card{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}@media (max-width: 768px){.kb-panel-body{flex-direction:column}.kb-panel-list{max-height:220px;border-bottom:1px solid #e2e8f0}}} } .resizable-kb-window{}.resize-handle{transition:background-color .15s ease}.resize-handle-left{width:8px!important;margin-left:-2px}.resize-handle-bottom{height:12px!important;margin-bottom:-2px}.resizing{-webkit-user-select:none;user-select:none;pointer-events:none}.resizable-kb-window:not(.resizing){transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.resize-handle:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}@media (prefers-reduced-motion: reduce){.resizable-kb-window,.resizable-kb-window:not(.resizing){transition:none!important}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-harbor-blue),var(--color-ocean-blue))}.auth-card{width:100%;max-width:480px;background:var(--color-hull-white);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:var(--space-2xl);position:relative;z-index:2;animation:slideUp .6s ease-out}.auth-card-large{max-width:520px}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.auth-brand-icon{color:var(--color-ocean-blue);width:32px;height:32px}.auth-brand-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-ocean-blue);margin:0}.auth-subtitle h2{font-size:1.5rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-sm) 0}.auth-subtitle p{color:var(--color-chart-gray);font-size:.875rem;margin:0;line-height:1.5}.connectivity-status{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;margin-top:var(--space-md)}.connectivity-status.online{background-color:#0596691a;color:var(--color-success-marina)}.connectivity-status.offline{background-color:#64748b1a;color:var(--color-chart-gray)}.auth-progress{margin-top:var(--space-lg)}.auth-progress-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.auth-progress-step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background-color:var(--color-cabin-gray);color:var(--color-chart-gray);transition:all var(--transition-fast)}.auth-progress-step.active{background-color:var(--color-ocean-blue);color:var(--color-hull-white)}.auth-progress-line{flex:1;height:2px;background-color:var(--color-cabin-gray);position:relative}.auth-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-chart-gray)}.auth-progress-labels span.active{color:var(--color-ocean-blue);font-weight:600}.auth-step-header{text-align:center;margin-bottom:var(--space-lg)}.auth-step-header h3{font-size:1.25rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-xs) 0}.auth-step-header p{color:var(--color-chart-gray);font-size:.875rem;margin:0}.auth-form{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:600;color:var(--color-deep-navigation);margin-bottom:var(--space-sm);font-size:.875rem}.form-label-optional{font-weight:400;color:var(--color-chart-gray);font-size:.75rem;margin-left:var(--space-xs)}.form-input-group{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:12px var(--space-md) 12px 48px;border:2px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-hull-white);transition:all var(--transition-fast);min-height:48px}.form-input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #1e3a8a1a}.form-input.error{border-color:var(--color-alert-flare);box-shadow:0 0 0 3px #dc26261a}.form-input:disabled{background-color:var(--color-deck-gray);color:var(--color-chart-gray);cursor:not-allowed}.form-input-icon{position:absolute;left:var(--space-md);color:var(--color-chart-gray);z-index:1;pointer-events:none}.form-input-action{position:absolute;right:var(--space-md);background:none;border:none;color:var(--color-chart-gray);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast);z-index:1}.form-input-action:hover:not(:disabled){color:var(--color-ocean-blue)}.form-input-action:disabled{cursor:not-allowed;opacity:.5}.form-error{display:block;color:var(--color-alert-flare);font-size:.75rem;margin-top:var(--space-xs);font-weight:500}.form-error-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background-color:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--color-alert-flare);font-size:.875rem;margin-bottom:var(--space-lg)}.success-message{text-align:center;padding:var(--space-xl);margin-bottom:var(--space-lg)}.success-icon{color:var(--color-success-marina);margin-bottom:var(--space-md)}.success-message h3{color:var(--color-deep-navigation);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md)}.success-message p{color:var(--color-harbor-gray);font-size:.875rem;line-height:1.6;margin-bottom:var(--space-sm)}.success-message .help-text{color:var(--color-mist-gray);font-size:.8rem}.form-help{display:block;font-size:.75rem;color:var(--color-mist-gray);margin-top:var(--space-xs);font-style:italic}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-harbor-gray)}.invitation-info{margin-bottom:var(--space-lg);padding:var(--space-md);background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md)}.invitation-banner{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-harbor-blue);font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs)}.invitation-email{font-size:.75rem;color:var(--color-chart-gray);margin:0}.role-selector{display:grid;gap:var(--space-sm)}.role-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--color-cabin-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-hull-white)}.role-option:hover{border-color:var(--color-harbor-blue);background-color:var(--color-nautical-light)}.role-option input[type=radio]{width:20px;height:20px;margin:0;accent-color:var(--color-ocean-blue)}.role-option input[type=radio]:checked+.role-option-content{color:var(--color-ocean-blue)}.role-option:has(input[type=radio]:checked){border-color:var(--color-ocean-blue);background-color:var(--color-nautical-light)}.role-option-content{flex:1}.role-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.role-option-title{font-weight:600;color:var(--color-deep-navigation);font-size:.875rem}.role-option-description{font-size:.75rem;color:var(--color-chart-gray);line-height:1.4}.form-actions{margin-top:var(--space-xl)}.form-actions-split{display:flex;gap:var(--space-md);justify-content:space-between}.auth-submit{width:100%;justify-content:center}.auth-links{text-align:center;margin-top:var(--space-lg)}.auth-link{color:var(--color-ocean-blue);text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-deep-sea);text-decoration:underline}.auth-footer{text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.auth-footer p{color:var(--color-chart-gray);font-size:.875rem;margin:0 0 var(--space-md) 0}.auth-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.auth-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);background-size:300px 300px;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width: 767px){.auth-container{padding:var(--space-md);align-items:flex-start;padding-top:var(--space-2xl)}.auth-card{padding:var(--space-lg);max-width:none}.auth-brand-title{font-size:1.5rem}.auth-subtitle h2{font-size:1.25rem}.form-row{grid-template-columns:1fr;gap:var(--space-md)}.form-actions-split{flex-direction:column}.form-actions-split .btn{width:100%}.auth-progress-labels{font-size:.6875rem}.role-option{padding:var(--space-sm)}.role-option-title{font-size:.8125rem}.role-option-description{font-size:.6875rem}}@media (max-width: 480px){.auth-container{padding:var(--space-sm);padding-top:var(--space-lg)}.auth-card{padding:var(--space-md)}.auth-header{margin-bottom:var(--space-lg)}.auth-progress-steps{gap:var(--space-sm)}.auth-progress-step{width:28px;height:28px;font-size:.75rem}}@media (prefers-reduced-motion: reduce){.auth-card,.auth-background-pattern{animation:none}.form-input,.role-option,.auth-link{transition:none}}.form-input:focus-visible,.role-option:focus-within,.auth-link:focus-visible{outline:2px solid var(--color-ocean-blue);outline-offset:2px}@media (prefers-contrast: high){.auth-card{border:2px solid var(--color-deep-navigation)}.form-input{border-width:2px}.connectivity-status{border:1px solid currentColor}}.tenant-selector{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tenant-selector__modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tenant-selector__header{padding:2rem;text-align:center;border-bottom:1px solid var(--color-maritime-gray-light)}.tenant-selector__icon{color:var(--color-ocean-blue);margin-bottom:1rem}.tenant-selector__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--color-navy-dark)}.tenant-selector__subtitle{margin:0;color:var(--color-maritime-gray);font-size:1rem}.tenant-selector__content{padding:2rem}.tenant-selector__loading,.tenant-selector__error,.tenant-selector__empty{text-align:center;padding:3rem 2rem;color:var(--color-maritime-gray)}.tenant-selector__loading svg,.tenant-selector__error svg,.tenant-selector__empty svg{color:var(--color-ocean-blue);margin-bottom:1rem}.tenant-selector__error{color:#c33}.tenant-selector__error svg{color:#c33}.tenant-selector__error h2{margin:1rem 0 .5rem;color:#c33}.tenant-selector__error p{margin:0 0 1.5rem;color:var(--color-maritime-gray)}.tenant-selector__empty h3{margin:1rem 0 .5rem;color:var(--color-navy-dark)}.tenant-selector__list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.tenant-selector__cross-tenant{margin-top:2rem;padding-top:2rem;border-top:2px dashed var(--color-maritime-gray-light)}.tenant-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid var(--color-maritime-gray-light);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.tenant-card:hover{border-color:var(--color-ocean-blue);box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.tenant-card--selected{border-color:var(--color-ocean-blue);background:linear-gradient(135deg,#f0f9fc,#e8f4f8);box-shadow:0 4px 12px #3498db33}.tenant-card--cross-tenant{border-color:var(--color-ocean-teal)}.tenant-card--cross-tenant:hover,.tenant-card--cross-tenant.tenant-card--selected{border-color:var(--color-ocean-teal);background:linear-gradient(135deg,#f0fcf9,#e8f8f4)}.tenant-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;color:var(--color-ocean-blue)}.tenant-card--cross-tenant .tenant-card__icon{color:var(--color-ocean-teal)}.tenant-card__content{flex:1;min-width:0}.tenant-card__name{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--color-navy-dark)}.tenant-card__description{margin:0 0 .5rem;font-size:.875rem;color:var(--color-maritime-gray);line-height:1.4}.tenant-card__bookings{margin:.75rem 0;display:flex;flex-direction:column;gap:.5rem}.booking-detail{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:#ffffffb3;border-radius:8px;border:1px solid var(--color-maritime-gray-light)}.tenant-card--selected .booking-detail{background:#ffffffe6}.booking-detail__item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-navy-dark)}.booking-detail__item svg{flex-shrink:0;color:var(--color-ocean-blue)}.booking-detail__item span{line-height:1.4}.tenant-card__meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:var(--color-maritime-gray);margin-top:.5rem}.tenant-card__meta .booking-count{font-weight:600;color:var(--color-ocean-blue)}.tenant-card__meta .status-active{color:#155724;background:#d4edda;padding:.125rem .5rem;border-radius:12px;font-weight:600}.tenant-card__meta .status-inactive{color:#721c24;background:#f8d7da;padding:.125rem .5rem;border-radius:12px;font-weight:600}.tenant-card__check{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-ocean-blue);border-radius:50%;color:#fff}.tenant-card--cross-tenant .tenant-card__check{background:var(--color-ocean-teal)}.tenant-selector__actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--color-maritime-gray-light);justify-content:center}.tenant-selector__info{padding:1rem 2rem 2rem;text-align:center}.tenant-selector__info p{margin:0;font-size:.875rem;color:var(--color-maritime-gray);background:#f0f9fc;padding:.75rem 1rem;border-radius:8px}.tenant-selector__info strong{color:var(--color-navy-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--ghost{background:transparent;color:var(--color-maritime-gray);border:1px solid var(--color-maritime-gray-light)}.btn--ghost:hover{background:#f5f5f5;color:var(--color-ocean-blue);border-color:var(--color-ocean-blue)}@media (max-width: 768px){.tenant-selector__modal{max-width:100%;max-height:100vh;border-radius:0}.tenant-selector__header,.tenant-selector__content,.tenant-selector__actions,.tenant-selector__info{padding-left:1rem;padding-right:1rem}.tenant-selector__title{font-size:1.5rem}.tenant-card{flex-direction:column;text-align:center}.tenant-card__content{width:100%}.tenant-selector__actions{flex-direction:column}.btn{width:100%}}:root{--ocean-blue: #1e3a8a;--deep-sea: #1e40af;--harbor-blue: #3b82f6;--nautical-light: #dbeafe;--success-marina: #059669;--warning-beacon: #d97706;--alert-flare: #dc2626;--info-wave: #0891b2;--hull-white: #ffffff;--deck-gray: #f8fafc;--cabin-gray: #e2e8f0;--chart-gray: #64748b;--navigation-dark: #1e293b;--deep-navigation: #0f172a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px}.custom-fields-manager{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.custom-fields-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.header-title{display:flex;align-items:flex-start;gap:var(--spacing-md)}.header-icon{color:var(--ocean-blue);margin-top:var(--spacing-xs);flex-shrink:0}.header-content h1{font-size:36px;font-weight:600;color:var(--navigation-dark);margin:0 0 var(--spacing-xs) 0;line-height:1.2}.header-content p{font-size:16px;color:var(--chart-gray);margin:0;line-height:1.6}.entity-selector{background:var(--hull-white);border:1px solid var(--cabin-gray);border-radius:12px;padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl);box-shadow:0 1px 3px #0000001a}.entity-selector-header{margin-bottom:var(--spacing-lg)}.entity-selector-header h3{font-size:20px;font-weight:600;color:var(--navigation-dark);margin:0 0 var(--spacing-xs) 0}.entity-selector-header p{font-size:14px;color:var(--chart-gray);margin:0}.entity-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.entity-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--hull-white);border:2px solid var(--cabin-gray);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;color:var(--chart-gray);min-height:80px}.entity-type-card:hover{border-color:var(--harbor-blue);background:var(--nautical-light);transform:translateY(-1px)}.entity-type-card.active{border-color:var(--ocean-blue);background:var(--nautical-light);color:var(--ocean-blue)}.entity-type-card svg{color:inherit}.fields-section{background:var(--hull-white);border:1px solid var(--cabin-gray);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.fields-header{padding:var(--spacing-lg);border-bottom:1px solid var(--cabin-gray);background:var(--deck-gray)}.fields-title{display:flex;align-items:center;gap:var(--spacing-md)}.fields-title h3{font-size:18px;font-weight:600;color:var(--navigation-dark);margin:0}.fields-title p{font-size:14px;color:var(--chart-gray);margin:0}.fields-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.field-card{background:var(--hull-white);border:1px solid var(--cabin-gray);border-radius:8px;padding:var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1)}.field-card:hover{border-color:var(--harbor-blue);box-shadow:0 2px 8px #1e3a8a1a}.field-card.inactive{opacity:.6;background:var(--deck-gray)}.field-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.field-info{flex:1}.field-name{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.field-label{font-size:16px;font-weight:600;color:var(--navigation-dark)}.field-type{background:var(--nautical-light);color:var(--ocean-blue);padding:2px var(--spacing-sm);border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.field-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.field-internal-name{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:var(--chart-gray);background:var(--deck-gray);padding:2px var(--spacing-xs);border-radius:4px}.required-badge{background:var(--alert-flare);color:var(--hull-white);padding:2px var(--spacing-xs);border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase}.inactive-badge{background:var(--chart-gray);color:var(--hull-white);padding:2px var(--spacing-xs);border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase}.field-actions{display:flex;gap:var(--spacing-xs)}.field-help{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--deck-gray);border-radius:6px;border-left:4px solid var(--info-wave)}.field-help p{font-size:14px;color:var(--chart-gray);margin:0;line-height:1.5}.field-options{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--deck-gray);border-radius:6px;font-size:12px}.field-options strong{color:var(--navigation-dark);display:block;margin-bottom:var(--spacing-xs)}.field-options pre{margin:0;font-family:JetBrains Mono,Fira Code,monospace;color:var(--chart-gray);background:var(--hull-white);padding:var(--spacing-sm);border-radius:4px;overflow-x:auto}.btn-primary{background:var(--ocean-blue);color:var(--hull-white);border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.btn-primary:hover:not(:disabled){background:var(--deep-sea);transform:translateY(-1px);box-shadow:0 2px 8px #1e3a8a33}.btn-icon{background:none;border:none;padding:var(--spacing-sm);border-radius:6px;cursor:pointer;color:var(--chart-gray);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.btn-icon:hover{background:var(--deck-gray);color:var(--navigation-dark)}.btn-icon.danger:hover{background:#dc26261a;color:var(--alert-flare)}.empty-state{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;color:var(--chart-gray)}.empty-state svg{color:var(--cabin-gray);margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:18px;font-weight:600;color:var(--navigation-dark);margin:0 0 var(--spacing-sm) 0}.empty-state p{font-size:14px;margin:0 0 var(--spacing-lg) 0;line-height:1.5}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);gap:var(--spacing-md)}.loading-spinner span{font-size:14px;color:var(--chart-gray)}.loading-spinner.small{padding:var(--spacing-lg)}.loading-spinner.small .spinner{width:24px;height:24px;border-width:2px}.loading-spinner.small span{font-size:12px}.error-banner{background:#dc26261a;color:var(--alert-flare);border:1px solid rgba(220,38,38,.2);border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.error-banner button{background:none;border:none;color:inherit;cursor:pointer;padding:var(--spacing-xs);border-radius:4px;margin-left:auto}.error-banner button:hover{background:#dc26261a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-container{background:var(--hull-white);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:85vh;min-height:400px;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--cabin-gray);background:var(--deck-gray)}.modal-header h2{font-size:20px;font-weight:600;color:var(--navigation-dark);margin:0}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg);min-height:0}.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--cabin-gray);background:var(--deck-gray);justify-content:flex-end;flex-shrink:0;min-height:70px;position:relative;z-index:10}.field-form{display:flex;flex-direction:column;height:100%;min-height:500px}.form-section{margin-bottom:var(--spacing-xl)}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:16px;font-weight:600;color:var(--navigation-dark);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--cabin-gray)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header h3{margin:0;border:none;padding:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:14px;font-weight:500;color:var(--navigation-dark);display:flex;align-items:center;gap:var(--spacing-xs)}.required{color:var(--alert-flare)}.help-icon{color:var(--chart-gray);cursor:help}.form-group input,.form-group select,.form-group textarea{background:var(--hull-white);border:1px solid var(--cabin-gray);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ocean-blue);box-shadow:0 0 0 3px #1e3a8a1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--alert-flare);box-shadow:0 0 0 3px #dc26261a}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.field-description{font-size:12px;color:var(--chart-gray);font-style:italic}.error-text{font-size:12px;color:var(--alert-flare);margin-top:var(--spacing-xs)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:14px;color:var(--navigation-dark)}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{width:18px;height:18px;background:var(--hull-white);border:2px solid var(--cabin-gray);border-radius:4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--ocean-blue);border-color:var(--ocean-blue)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--hull-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.options-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.option-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--deck-gray);border-radius:6px}.option-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);flex:1}.option-inputs input{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.empty-options{padding:var(--spacing-lg);text-align:center;color:var(--chart-gray);background:var(--deck-gray);border-radius:6px;border:2px dashed var(--cabin-gray)}.empty-options p{margin:0;font-size:14px}.btn-secondary{background:var(--hull-white);color:var(--ocean-blue);border:1px solid var(--cabin-gray);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:var(--deck-gray);border-color:var(--ocean-blue)}.btn-secondary.small{padding:var(--spacing-sm) var(--spacing-md);font-size:12px}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-md)}.modal-container{max-height:90vh;min-height:300px}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.form-row,.option-inputs{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse;flex-shrink:0}.modal-footer button{justify-content:center}}@media (max-width: 768px){.custom-fields-manager{padding:var(--spacing-md)}.custom-fields-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-content h1{font-size:28px}.entity-types-grid{grid-template-columns:repeat(2,1fr)}.field-card-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.field-actions{align-self:flex-end}.btn-primary{padding:10px 20px;justify-content:center}}@media (max-width: 480px){.entity-types-grid{grid-template-columns:1fr}.header-title{flex-direction:column;gap:var(--spacing-sm)}.header-icon{margin-top:0}}.dynamic-field{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.dynamic-field.field-boolean{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.field-label{font-size:14px;font-weight:500;color:var(--navigation-dark);display:flex;align-items:center;gap:var(--spacing-xs)}.field-input{display:flex;flex-direction:column}.multiselect-container{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--deck-gray);border-radius:6px;border:1px solid var(--cabin-gray)}.multiselect-option{margin:0}.field-help-text{font-size:12px;color:var(--chart-gray);line-height:1.4}.field-error{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--alert-flare)}.custom-fields-section{background:var(--hull-white);border:1px solid var(--cabin-gray);border-radius:12px;padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.custom-fields-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--cabin-gray)}.custom-fields-title{font-size:16px;font-weight:600;color:var(--navigation-dark);margin:0}.custom-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}@media (max-width: 768px){.custom-fields-grid{grid-template-columns:1fr}}.onboarding-container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.onboarding-welcome{background:linear-gradient(135deg,var(--color-ocean-blue) 0%,var(--color-harbor-blue) 100%);color:var(--color-hull-white);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);text-align:center}.onboarding-welcome h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md);text-shadow:0 2px 4px rgba(0,0,0,.1)}.onboarding-welcome p{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto}.onboarding-config-card{background:var(--color-hull-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);margin-bottom:var(--space-lg)}.onboarding-section{margin-bottom:var(--space-xl)}.onboarding-section h3{color:var(--color-navigation-dark);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.onboarding-form-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.onboarding-year-selection{display:flex;flex-direction:column;gap:var(--space-sm)}.onboarding-year-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);transition:all var(--transition-fast)}.onboarding-year-checkbox:hover{background:var(--color-deck-gray);border-color:var(--color-harbor-blue)}.onboarding-year-checkbox input[type=checkbox]{margin:0}.onboarding-actions{display:flex;gap:var(--space-md);align-items:center;margin-top:var(--space-lg)}.onboarding-progress-card{background:var(--color-hull-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);margin-bottom:var(--space-lg)}.onboarding-progress-header{margin-bottom:var(--space-lg)}.onboarding-progress-header h3{color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.onboarding-progress-header p{color:var(--color-chart-gray);margin:0}.onboarding-stepper{position:relative}.onboarding-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) 0;border-left:2px solid var(--color-cabin-gray);margin-left:20px;position:relative}.onboarding-step.active{border-left-color:var(--color-harbor-blue)}.onboarding-step.completed{border-left-color:var(--color-success-emerald)}.onboarding-step.failed{border-left-color:var(--color-alert-flare)}.onboarding-step-icon{position:absolute;left:-21px;top:var(--space-lg);width:40px;height:40px;border-radius:50%;background:var(--color-hull-white);border:2px solid var(--color-cabin-gray);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.onboarding-step.active .onboarding-step-icon{border-color:var(--color-harbor-blue);background:var(--color-harbor-blue);color:var(--color-hull-white)}.onboarding-step.completed .onboarding-step-icon{border-color:var(--color-success-emerald);background:var(--color-success-emerald);color:var(--color-hull-white)}.onboarding-step.failed .onboarding-step-icon{border-color:var(--color-alert-flare);background:var(--color-alert-flare);color:var(--color-hull-white)}.onboarding-step-content{flex:1;padding-top:var(--space-xs)}.onboarding-step-title{font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.onboarding-step-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.onboarding-step-status.pending{background:var(--color-deck-gray);color:var(--color-chart-gray)}.onboarding-step-status.running{background:var(--color-nautical-light);color:var(--color-harbor-blue)}.onboarding-step-status.completed{background:#10b9811a;color:var(--color-success-emerald)}.onboarding-step-status.failed{background:#ef44441a;color:var(--color-alert-flare)}.onboarding-step-details{color:var(--color-chart-gray);font-size:.875rem;margin-top:var(--space-sm)}.onboarding-progress-bar{width:100%;height:4px;background:var(--color-cabin-gray);border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--space-sm)}.onboarding-progress-bar-fill{height:100%;background:var(--color-harbor-blue);border-radius:var(--radius-sm);transition:width var(--transition-smooth);animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.onboarding-results-dialog{max-width:800px}.onboarding-results-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-success-emerald)}.onboarding-result-item{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md)}.onboarding-result-item h4{margin-bottom:var(--space-sm);color:var(--color-navigation-dark)}.onboarding-result-success{border-left:4px solid var(--color-success-emerald);background:#10b9810d}.onboarding-result-error{border-left:4px solid var(--color-alert-flare);background:#ef44440d}.onboarding-result-details{list-style:none;padding:0;margin:var(--space-sm) 0 0 0}.onboarding-result-details li{padding:var(--space-xs) 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--color-cabin-gray)}.onboarding-result-details li:last-child{border-bottom:none}.onboarding-settings-alert{background:#ffc1071a;border:1px solid var(--color-warning-beacon);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.onboarding-settings-alert h4{color:var(--color-warning-beacon);margin-bottom:var(--space-sm)}.onboarding-settings-alert ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.onboarding-settings-alert li{color:var(--color-chart-gray);margin-bottom:var(--space-xs)}@media (max-width: 768px){.onboarding-container{padding:var(--space-md)}.onboarding-welcome{padding:var(--space-lg)}.onboarding-welcome h1{font-size:2rem}.onboarding-form-group{grid-template-columns:1fr;gap:var(--space-md)}.onboarding-actions{flex-direction:column;align-items:stretch}.onboarding-step{margin-left:15px}.onboarding-step-icon{left:-16px;width:32px;height:32px}}@media (prefers-color-scheme: dark){.onboarding-config-card,.onboarding-progress-card,.onboarding-result-item{background:var(--color-navigation-dark);border-color:#ffffff1a}.onboarding-section h3,.onboarding-step-title,.onboarding-result-item h4{color:var(--color-hull-white)}.onboarding-year-checkbox{background:#ffffff0d;border-color:#ffffff1a}.onboarding-year-checkbox:hover{background:#ffffff1a}}.onboarding-step{opacity:0;transform:translateY(20px);animation:stepFadeIn .5s ease-out forwards}@keyframes stepFadeIn{to{opacity:1;transform:translateY(0)}}.onboarding-step:nth-child(1){animation-delay:.1s}.onboarding-step:nth-child(2){animation-delay:.2s}.onboarding-step:nth-child(3){animation-delay:.3s}.onboarding-step:nth-child(4){animation-delay:.4s}.booking-stages-settings{padding:1.5rem;max-width:1400px;margin:0 auto}.booking-stages-settings.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-chart-gray)}.loading-icon{animation:spin 2s linear infinite}.page-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.header-text h1.page-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 .5rem}.header-actions{display:flex;gap:.75rem}.booking-stages-error{margin-bottom:1.5rem;padding:1rem;border-radius:var(--radius-sm);background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-alert-flare);display:flex;align-items:center;gap:.5rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.template-card{border:1px solid var(--color-cabin-gray);border-radius:8px;background:var(--color-hull-white);transition:all .2s ease}.template-card:hover{border-color:var(--color-harbor-blue);box-shadow:0 4px 12px #1e3a8a1a}.template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.template-name{font-size:1.25rem;font-weight:600;color:var(--color-navigation-dark);margin:0;display:flex;align-items:center;gap:.5rem;flex:1}.default-badge{background-color:var(--color-success-marina);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:4px}.template-actions{display:flex;gap:.5rem}.template-info{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.info-label{font-weight:500;color:var(--color-chart-gray);min-width:100px}.info-value{color:var(--color-navigation-dark)}.booking-types{display:flex;flex-wrap:wrap;gap:.25rem}.empty-state{grid-column:1 / -1;display:flex;justify-content:center;padding:3rem}.empty-state-icon{color:var(--color-chart-gray);margin-bottom:1rem}.empty-state-content h3{font-size:1.25rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 .5rem}.empty-state-content p{color:var(--color-chart-gray);margin:0 0 1.5rem}.booking-stages-editor{max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.booking-stages-stage-editor{max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.editor-content{flex:1;overflow-y:auto;padding:1rem 0}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.125rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group-full{grid-column:1 / -1}.form-group label{font-weight:500;color:var(--color-navigation-dark);font-size:.875rem}.form-group input,.form-group textarea,.form-group select{padding:.5rem .75rem;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-harbor-blue);box-shadow:0 0 0 3px #3b82f61a}.form-help{font-size:.75rem;color:var(--color-chart-gray);margin-top:.25rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.booking-types-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding:1rem;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);background-color:var(--color-deck-gray)}.booking-type-option{display:flex;align-items:center;gap:.5rem}.booking-type-option input[type=checkbox]{width:1rem;height:1rem;margin:0}.booking-type-option label{font-size:.875rem;color:var(--color-navigation-dark);cursor:pointer;margin:0}.stages-list{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);padding:1rem;background-color:var(--color-deck-gray)}.stage-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);transition:border-color .2s ease}.stage-item:hover{border-color:var(--color-harbor-blue)}.stage-content{flex:1}.stage-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.stage-name{font-weight:500;color:var(--color-navigation-dark)}.stage-details{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.stage-timing{color:var(--color-chart-gray)}.stage-actions{display:flex;gap:.5rem}.empty-stages{text-align:center;padding:2rem;color:var(--color-chart-gray)}.empty-stages p{margin:0}.stage-editor-form{display:flex;flex-direction:column;gap:1.5rem}.json-preview{background-color:var(--color-deck-gray);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto}.json-preview pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;color:var(--color-navigation-dark);white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-cabin-gray);margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}.btn--primary{background-color:var(--color-ocean-blue);color:var(--color-hull-white);border-color:var(--color-ocean-blue)}.btn--primary:hover{background-color:var(--color-deep-sea);border-color:var(--color-deep-sea)}.btn--outline{background-color:transparent;color:var(--color-chart-gray);border-color:var(--color-cabin-gray)}.btn--outline:hover{background-color:var(--color-deck-gray);border-color:var(--color-chart-gray)}@media (max-width: 768px){.booking-stages-settings{padding:1rem}.header-content{flex-direction:column;align-items:stretch}.header-actions{align-self:flex-end}.templates-grid{grid-template-columns:1fr;gap:1rem}.form-grid,.booking-types-selector{grid-template-columns:1fr}.stage-item{flex-direction:column;align-items:flex-start;gap:.75rem}.stage-actions{align-self:flex-end}.dialog-actions{flex-direction:column-reverse}.btn{justify-content:center}}@media (max-width: 480px){.page-title{font-size:1.5rem}.template-header{flex-direction:column;align-items:flex-start;gap:.75rem}.template-actions{align-self:flex-end}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-label{min-width:auto;font-size:.75rem}}.stage-item-dragging{opacity:.5;transform:scale(.98);transition:all .2s ease}.stage-item-drag-over{border-color:var(--color-ocean-blue)!important;border-width:2px!important;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff26;transition:all .2s ease}.drag-handle{color:#999;cursor:grab;transition:color .2s ease}.drag-handle:hover{color:var(--color-ocean-blue)}.drag-handle:active{cursor:grabbing}.stage-order-indicator{background-color:var(--color-gray-100);color:var(--color-text-secondary);font-weight:600;padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;min-width:2rem;text-align:center}.drop-zone-indicator{height:2px;background-color:var(--color-ocean-blue);border-radius:1px;margin:.25rem 0;opacity:0;transition:opacity .2s ease}.drop-zone-indicator.active{opacity:1}.generic-manuals{padding:2rem;max-width:1400px;margin:0 auto}.generic-manuals__header{margin-bottom:2rem}.generic-manuals__header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.generic-manuals__title-section{display:flex;align-items:flex-start;gap:1rem}.generic-manuals__icon{color:var(--color-ocean-blue);flex-shrink:0;margin-top:.25rem}.generic-manuals__title{font-size:2rem;font-weight:700;color:var(--color-navy-dark);margin:0 0 .5rem}.generic-manuals__subtitle{font-size:1rem;color:var(--color-maritime-gray);margin:0}.generic-manuals__info-card{background:linear-gradient(135deg,#e8f4f8,#f0f9fc);border:1px solid var(--color-ocean-blue-light);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem}.info-card__icon{color:var(--color-ocean-blue);flex-shrink:0}.info-card__content h3{margin:0 0 .75rem;color:var(--color-navy-dark);font-size:1.125rem}.info-card__content p{margin:0 0 .75rem;color:var(--color-maritime-gray);line-height:1.6}.info-card__content ul{margin:.75rem 0;padding-left:1.5rem;color:var(--color-maritime-gray)}.info-card__content li{margin-bottom:.5rem;line-height:1.5}.info-card__content strong{color:var(--color-navy-dark)}.info-card__note{background:#fff;padding:.75rem;border-radius:6px;font-size:.875rem;margin-top:1rem!important}.info-card__note code{background:#f0f9fc;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.8125rem;color:var(--color-ocean-blue)}.generic-manuals__error-banner{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#c33}.generic-manuals__error-banner button{margin-left:auto;background:none;border:none;font-size:1.5rem;color:#c33;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.generic-manuals__upload-section{background:#fff;border:1px solid var(--color-maritime-gray-light);border-radius:12px;padding:2rem;margin-bottom:2rem}.generic-manuals__upload-section h2{margin:0 0 1.5rem;color:var(--color-navy-dark);font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-navy-dark);margin-bottom:.5rem;font-size:.9375rem}.form-select,.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-maritime-gray-light);border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s ease}.form-select:focus,.form-input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3498db1a}.form-select:disabled,.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.form-help{font-size:.875rem;color:var(--color-maritime-gray);margin:.5rem 0 0}.document-upload{border:2px dashed var(--color-maritime-gray-light);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa;position:relative}.document-upload:hover:not(.document-upload--disabled):not(.document-upload--uploading){border-color:var(--color-ocean-blue);background:#f0f9fc}.document-upload--drag-over{border-color:var(--color-ocean-blue);background:#e8f4f8;transform:scale(1.02)}.document-upload--uploading{border-color:var(--color-ocean-blue);background:#fff;cursor:default}.document-upload--disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.document-upload__content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-maritime-gray)}.document-upload__content--disabled{opacity:.7}.document-upload__content svg{color:var(--color-ocean-blue)}.document-upload__content h3{margin:0;font-size:1.25rem;color:var(--color-navy-dark)}.document-upload__content p{margin:0;font-size:.9375rem}.document-upload__note{background:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;margin-top:.5rem!important}.document-upload__note code{background:#f0f9fc;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.8125rem;color:var(--color-ocean-blue)}.document-upload__progress{display:flex;flex-direction:column;align-items:center;gap:1rem}.document-upload__progress p{margin:0;color:var(--color-maritime-gray);font-size:.9375rem}.progress-bar{width:100%;max-width:400px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-ocean-blue),var(--color-ocean-teal));transition:width .3s ease;border-radius:4px}.generic-manuals__search{margin-bottom:2rem}.search-input{position:relative;max-width:500px}.search-input__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-maritime-gray)}.search-input__field{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--color-maritime-gray-light);border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s ease}.search-input__field:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3498db1a}.generic-manuals__loading,.generic-manuals__empty{text-align:center;padding:4rem 2rem;color:var(--color-maritime-gray)}.generic-manuals__loading svg,.generic-manuals__empty svg{color:var(--color-ocean-blue);margin-bottom:1rem}.generic-manuals__empty h3{margin:1rem 0 .5rem;color:var(--color-navy-dark);font-size:1.25rem}.generic-manuals__empty p{margin:0;font-size:1rem}.generic-manuals__error{text-align:center;padding:4rem 2rem;color:#c33}.generic-manuals__error svg{margin-bottom:1rem}.generic-manuals__error h2{margin:1rem 0 .5rem;color:#c33}.generic-manuals__error p{margin:0;color:var(--color-maritime-gray)}.boat-model-group{background:#fff;border:1px solid var(--color-maritime-gray-light);border-radius:12px;margin-bottom:2rem;overflow:hidden}.boat-model-group__header{background:linear-gradient(135deg,#e8f4f8,#f0f9fc);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--color-maritime-gray-light)}.boat-model-group__header svg{color:var(--color-ocean-blue);flex-shrink:0}.boat-model-group__header h2{margin:0;font-size:1.375rem;color:var(--color-navy-dark);flex:1}.boat-model-group__count{background:#fff;color:var(--color-ocean-blue);padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600}.boat-model-group__documents{padding:1rem;display:flex;flex-direction:column;gap:1rem}.document-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--color-maritime-gray-light);border-radius:8px;background:#fff;transition:all .2s ease}.document-item:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-ocean-blue-light)}.document-item__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f0f9fc;border-radius:8px;font-size:1.5rem}.document-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.document-item__title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--color-navy-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:600;white-space:nowrap}.status-badge--success{background:#d4edda;color:#155724}.status-badge--error{background:#f8d7da;color:#721c24}.status-badge--pending{background:#fff3cd;color:#856404}.document-item__meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.875rem;color:var(--color-maritime-gray)}.document-item__meta span{display:flex;align-items:center;gap:.25rem}.document-item__badge{background:linear-gradient(135deg,var(--color-ocean-blue),var(--color-ocean-teal));color:#fff;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600}.document-item__details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8125rem;color:var(--color-maritime-gray)}.document-item__error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#fee;border-radius:6px;color:#c33;font-size:.875rem}.document-item__actions{display:flex;gap:.5rem;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background:linear-gradient(135deg,var(--color-ocean-blue),var(--color-ocean-teal));color:#fff}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--icon{padding:.5rem;width:36px;height:36px}.btn--ghost{background:transparent;color:var(--color-maritime-gray)}.btn--ghost:hover{background:#f5f5f5;color:var(--color-ocean-blue)}.btn--danger:hover{background:#fee;color:#c33}@media (max-width: 768px){.generic-manuals{padding:1rem}.generic-manuals__header-content{flex-direction:column}.generic-manuals__title{font-size:1.5rem}.generic-manuals__info-card,.document-item{flex-direction:column}.document-item__header{flex-direction:column;align-items:flex-start}.document-item__actions{width:100%;justify-content:flex-end}.boat-model-group__header{flex-wrap:wrap}}.yacht-list-container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.yacht-list-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-2xl);gap:var(--space-lg)}.header-content{flex:1}.header-icon{color:var(--color-ocean-blue);margin-top:var(--space-xs)}.header-title h1{font-size:2.25rem;font-weight:600;color:var(--color-deep-navigation);margin-bottom:var(--space-xs)}.header-title p{color:var(--color-chart-gray);font-size:1.125rem;margin:0}.yacht-filters{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);align-items:center}.search-container{flex:1;position:relative}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-chart-gray);pointer-events:none}.search-input{width:100%;padding:12px var(--space-md) 12px var(--space-2xl);font-size:1rem;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background-color:var(--color-hull-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-container{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.filter-select{padding:12px var(--space-md);font-size:1rem;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background-color:var(--color-hull-white);min-width:150px}.error-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:#dc26261a;border:1px solid var(--color-alert-flare);border-radius:var(--radius-md);color:var(--color-alert-flare);margin-bottom:var(--space-lg)}.error-banner button{background:none;border:none;color:var(--color-alert-flare);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);margin-left:auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);gap:var(--space-md)}.yacht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;gap:var(--space-md)}.empty-state svg{color:var(--color-chart-gray);margin-bottom:var(--space-md)}.empty-state h3{font-size:1.5rem;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.empty-state p{color:var(--color-chart-gray);font-size:1.125rem;max-width:500px;margin-bottom:var(--space-lg)}.yacht-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-fast);cursor:pointer;min-width:0;position:relative}.yacht-card:hover{border-color:var(--color-harbor-blue);box-shadow:0 4px 12px #1e3a8a1f;transform:translateY(-2px)}.yacht-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.yacht-info{flex:1}.yacht-name{font-size:1.125rem;font-weight:600;color:var(--color-deep-navigation);margin-bottom:var(--space-xs);line-height:1.3}.yacht-model{color:var(--color-chart-gray);font-size:.875rem;margin-bottom:var(--space-sm);line-height:1.3;background:var(--color-deck-gray);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);display:inline-block}.yacht-actions{display:flex;gap:4px;flex-shrink:0;margin-left:var(--space-sm)}.yacht-actions .btn-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-cabin-gray);color:var(--color-chart-gray);transition:all var(--transition-fast);padding:0}.yacht-actions .btn-icon:hover{background:var(--color-nautical-light);border-color:var(--color-ocean-blue);color:var(--color-ocean-blue)}.yacht-actions .btn-icon.danger:hover{background:#dc26261a;border-color:var(--color-alert-flare);color:var(--color-alert-flare)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full)}.status-badge.status-chartered{background-color:#0891b226;color:var(--color-info-wave);border:1px solid rgba(8,145,178,.2)}.status-badge.status-check-in,.status-badge.status-check-out{background-color:#d9770626;color:var(--color-warning-beacon);border:1px solid rgba(217,119,6,.2)}.status-badge.status-ready{background-color:#05966926;color:var(--color-success-marina);border:1px solid rgba(5,150,105,.2)}.status-badge.status-maintenance{background-color:#ef444426;color:var(--color-danger-red);border:1px solid rgba(239,68,68,.2)}.status-badge.status-dry-dock{background-color:#64748b26;color:var(--color-chart-gray);border:1px solid rgba(100,116,139,.2)}.yacht-card-image-placeholder{height:120px;background:linear-gradient(135deg,var(--color-nautical-light) 0%,var(--color-deck-gray) 100%);border-radius:var(--radius-md);margin-bottom:var(--space-sm);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.yacht-card-img{width:100%;height:120px;object-fit:cover;object-position:center;border-radius:var(--radius-md);transition:transform .2s ease;display:block}.yacht-card-img:hover{transform:scale(1.02)}.yacht-card-img-placeholder{color:var(--color-chart-gray);opacity:.4}.yacht-card-image-placeholder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 2L3 7l9 5 9-5-9-5zM3 17l9 5 9-5M3 12l9 5 9-5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.3}.results-summary{text-align:center;color:var(--color-chart-gray);font-size:.75rem;padding:var(--space-md);border-top:1px solid var(--color-cabin-gray)}@media (max-width: 768px){.yacht-list-container{padding:var(--space-md)}.yacht-list-header,.yacht-filters{flex-direction:column;gap:var(--space-md)}.filter-container,.filter-select{width:100%}.yacht-grid{grid-template-columns:1fr;gap:var(--space-md)}.yacht-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.yacht-actions{align-self:flex-end;margin-left:0}}@media (max-width: 480px){.yacht-card-image-placeholder{height:100px}.yacht-card-img{image-rendering:optimizeQuality}.yacht-name{font-size:1rem}.results-summary{padding:var(--space-md);border-top:1px solid var(--color-cabin-gray)}}@media (max-width: 768px){.yacht-list-container{padding:var(--space-md)}.yacht-list-header,.yacht-filters{flex-direction:column;gap:var(--space-md)}.filter-container,.filter-select{width:100%}.yacht-grid{grid-template-columns:1fr;gap:var(--space-md)}.yacht-card{padding:var(--space-md)}.yacht-actions{position:static;opacity:1;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:0;margin-top:var(--space-sm);justify-content:flex-end}.yacht-card-header{flex-direction:column;align-items:flex-start}.yacht-info{padding-right:0;width:100%}.yacht-details{grid-template-columns:1fr;gap:var(--space-xs)}}@media (max-width: 480px){.yacht-card-image-placeholder{height:100px}.detail-item{padding:var(--space-xs) var(--space-sm)}.yacht-name{font-size:1rem}}.yacht-inventory{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.yacht-inventory--loading,.yacht-inventory--error{display:flex;align-items:center;justify-content:center;min-height:400px}.yacht-inventory__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-cabin-gray)}.inventory-title{display:flex;align-items:center;gap:var(--space-md)}.inventory-icon{color:var(--color-ocean-blue);width:2rem;height:2rem}.inventory-title h2{font-size:1.875rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.inventory-subtitle{color:var(--color-chart-gray);font-size:1rem;margin:var(--space-xs) 0 0 0}.inventory-controls{display:flex;gap:var(--space-md)}.edit-controls{display:flex;align-items:center;gap:var(--space-md)}.edit-actions{display:flex;align-items:center;gap:var(--space-sm)}.unsaved-indicator{color:var(--color-warning-beacon);font-size:.875rem;font-weight:500;padding:var(--space-xs) var(--space-sm);background-color:var(--color-lighthouse-beam);border-radius:var(--radius-sm)}.checkin-controls{display:flex;gap:var(--space-md)}.yacht-inventory__loading-spinner,.error-message{text-align:center;padding:var(--space-4xl)}.yacht-inventory__loading-icon,.error-icon{width:3rem;height:3rem;color:var(--color-chart-gray);margin-bottom:var(--space-lg)}.yacht-inventory__loading-spinner p{color:var(--color-chart-gray);font-size:1.125rem}.alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.alert--error{background-color:#dc26261a;border:1px solid var(--color-error-signal);color:var(--color-error-signal)}.alert-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.inventory-sections{display:grid;gap:var(--space-xl)}.inventory-section{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.inventory-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--color-deck-gray);border-bottom:1px solid var(--color-cabin-gray)}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.section-controls{display:flex;align-items:center;gap:var(--space-md)}.item-count{font-size:.875rem;color:var(--color-chart-gray);font-weight:500}.inventory-items{padding:var(--space-lg);display:grid;gap:var(--space-md)}.inventory-item{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-fast)}.inventory-item:hover{border-color:var(--color-ocean-blue);box-shadow:var(--shadow-md)}.inventory-item--critical{border-left:4px solid var(--color-warning-beacon)}.inventory-item--editing{border-left:4px solid var(--color-primary-ocean);background:var(--color-lighthouse-beam)}.inventory-item__content{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-lg);align-items:center}.item-edit-form{padding:var(--space-lg);width:100%}.item-edit-form .form-group{margin-bottom:var(--space-md)}.item-edit-form .form-group:last-of-type{margin-bottom:var(--space-lg)}.item-edit-form label{display:block;font-weight:500;color:var(--color-navigation-dark);margin-bottom:var(--space-xs);font-size:.875rem}.item-edit-form input[type=text],.item-edit-form input[type=number],.item-edit-form textarea,.item-edit-form select{width:100%;padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.item-edit-form input[type=text]:focus,.item-edit-form input[type=number]:focus,.item-edit-form textarea:focus,.item-edit-form select:focus{outline:none;border-color:var(--color-primary-ocean);box-shadow:0 0 0 3px #1976d21a}.item-edit-form textarea{resize:vertical;min-height:80px}.item-edit-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-cabin-gray)}.item-edit-actions .btn{display:flex;align-items:center;gap:var(--space-xs)}.item-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.item-name{font-size:1.125rem;font-weight:500;color:var(--color-navigation-dark);margin:0}.item-name-input{font-size:1.125rem;font-weight:500;background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm)}.test-badge{background:var(--color-warning-beacon);color:var(--color-hull-white);font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.item-details{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.item-photos{margin-top:var(--space-md);width:100%;background:var(--color-surface-light);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-md)}.item-photos__header{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.item-photos__count{margin-left:auto;font-size:.75rem;color:var(--color-chart-gray)}.item-photo{position:relative;background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);padding:var(--space-xs)}.item-photo__remove{position:absolute;top:var(--space-xs);right:var(--space-xs)}.item-photo-upload{margin-top:var(--space-md);padding:var(--space-md);border:1px dashed var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white)}.item-photo-upload__header{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.item-photo-upload__controls{display:grid;gap:var(--space-sm)}.item-photo-upload__description{width:100%;padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);font-size:.875rem}.item-photo-upload__limit,.item-photo-upload__uploading{font-size:.75rem;color:var(--color-chart-gray)}.item-instructions{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.instruction-item{display:flex;gap:var(--space-sm);align-items:flex-start}.instruction-label{font-size:.75rem;font-weight:600;color:var(--color-ocean-blue);text-transform:uppercase;letter-spacing:.05em;min-width:4rem;margin-top:var(--space-xs)}.instruction-text{font-size:.875rem;color:var(--color-chart-gray);line-height:1.4}.quantity-input{width:4rem;background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);padding:var(--space-xs);text-align:center}.item-status{display:flex;align-items:center;gap:var(--space-sm)}.status-selector{display:flex;gap:var(--space-xs)}.status-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-deck-gray);border:2px solid var(--color-cabin-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:4rem}.status-btn:hover{border-color:var(--status-color);background:rgba(var(--status-color-rgb),.1)}.status-btn--active{border-color:var(--status-color);background:var(--status-color);color:var(--color-hull-white)}.status-display{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(var(--status-color-rgb),.1);border:1px solid var(--status-color);border-radius:var(--radius-md);color:var(--status-color)}.status-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.status-icon--unknown{color:var(--color-chart-gray)}.status-label{font-size:.75rem;font-weight:600;text-transform:capitalize}.item-actions{display:flex;gap:var(--space-xs)}.item-edit-options{grid-column:1 / -1;padding-top:var(--space-md);border-top:1px solid var(--color-cabin-gray);margin-top:var(--space-md)}.item-edit-options .MuiFormControlLabel-root{margin:0 0 var(--space-md) 0}.item-edit-options .MuiFormControlLabel-label{font-weight:500;color:var(--color-navigation-dark);font-size:.875rem}.item-edit-options .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:var(--color-ocean-blue)}.item-edit-options .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--color-ocean-blue)}.item-edit-options .MuiSwitch-root .MuiSwitch-track{background-color:var(--color-cabin-gray)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.875rem;color:var(--color-navigation-dark)}.instructions-edit{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.instruction-group{display:flex;flex-direction:column;gap:var(--space-xs)}.instruction-group label{font-size:.875rem;font-weight:500;color:var(--color-navigation-dark)}.instruction-textarea{width:100%;min-height:3rem;padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;color:var(--color-navigation-dark);background:var(--color-hull-white);resize:vertical;transition:border-color var(--transition-fast)}.instruction-textarea:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3b82f61a}.instruction-textarea::placeholder{color:var(--color-chart-gray)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;background:transparent}.btn--icon{padding:var(--space-sm);min-width:2.5rem;min-height:2.5rem}.btn--primary:hover{background:var(--color-deep-navigation)}.btn--secondary:hover{background:var(--color-cabin-gray)}.btn--success{background:var(--color-success-marina);color:var(--color-hull-white)}.btn--success:hover{background:#059669}.btn--danger{background:var(--color-error-signal);color:var(--color-hull-white)}.btn--danger:hover{background:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;padding:var(--space-lg);overflow-y:auto}.modal{position:absolute;left:50%;transform:translate(-50%);top:var(--inventory-modal-top, var(--space-2xl));background:var(--color-hull-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;margin-bottom:var(--space-2xl)}.modal__footer{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-weight:500;color:var(--color-navigation-dark);margin-bottom:var(--space-xs)}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);font-size:1rem}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group .MuiFormControlLabel-root{margin:0}.form-group .MuiFormControlLabel-label{font-weight:500;color:var(--color-navigation-dark);font-size:1rem}.form-group .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:var(--color-ocean-blue)}.form-group .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--color-ocean-blue)}.form-group .MuiSwitch-root .MuiSwitch-track{background-color:var(--color-cabin-gray)}@media (max-width: 768px){.yacht-inventory{padding:var(--space-md)}.yacht-inventory__header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.inventory-item__content{grid-template-columns:1fr;gap:var(--space-md)}.item-actions{justify-content:flex-end}.status-selector{justify-content:center}.modal{margin:var(--space-md)}}@media (max-width: 480px){.inventory-section__header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.section-controls{width:100%;justify-content:space-between}.status-btn{min-width:3rem;padding:var(--space-xs)}.status-label{display:none}}:root{--status-color-rgb: 107, 114, 128}.status-btn[style*="--status-color: var(--color-success-marina)"],.status-display[style*="--status-color: var(--color-success-marina)"]{--status-color-rgb: 16, 185, 129}.status-btn[style*="--status-color: var(--color-error-signal)"],.status-display[style*="--status-color: var(--color-error-signal)"]{--status-color-rgb: 220, 38, 38}.status-btn[style*="--status-color: var(--color-warning-beacon)"],.status-display[style*="--status-color: var(--color-warning-beacon)"]{--status-color-rgb: 245, 158, 11}.certificate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.certificate-modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:1200px;height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;transition:all .3s ease}.certificate-modal-overlay.fullscreen .certificate-modal-container{width:100vw;height:100vh;max-width:none;border-radius:0}.certificate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.header-actions{display:flex;gap:8px}.icon-btn{background:none;border:none;padding:8px;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.icon-btn:hover{background-color:#e2e8f0;color:#1e293b}.close-btn:hover{background-color:#fee2e2;color:#ef4444}.certificate-modal-content{display:flex;flex:1;overflow:hidden}.document-viewer-panel{flex:1;background-color:#334155;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;position:relative}.viewer-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#ffffffe6;padding:8px 16px;border-radius:24px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 6px -1px #0000001a;z-index:10}.viewer-toolbar button{background:none;border:none;cursor:pointer;color:#475569;padding:4px;border-radius:4px}.viewer-toolbar button:hover{background-color:#e2e8f0;color:#0f172a}.zoom-level{font-size:.875rem;font-weight:500;color:#334155;min-width:40px;text-align:center}.divider{width:1px;height:16px;background-color:#cbd5e1}.image-container{flex:1;display:flex;justify-content:center;align-items:center;overflow:auto;padding:20px}.image-container img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 15px -3px #0000001a}.no-preview{display:flex;flex-direction:column;align-items:center;gap:16px;color:#94a3b8}.data-form-panel{width:400px;background-color:#fff;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:16px}.form-row{display:flex;gap:16px}.form-group.half{flex:1}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:6px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.form-input,.form-select{width:100%;padding:10px 12px 10px 36px;border:1px solid #cbd5e1;border-radius:6px;font-size:.925rem;color:#1e293b;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-select.error{border-color:#dc2626;background-color:#fef2f2}.form-input.error:focus,.form-select.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.field-error{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.813rem;color:#dc2626;font-weight:500}.field-error svg{flex-shrink:0}.input-with-icon .form-input{padding-left:36px}.form-group:not(:has(.input-with-icon)) .form-input,.form-select{padding-left:12px}.form-actions{margin-top:auto;display:flex;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-weight:500;font-size:.925rem;cursor:pointer;transition:all .2s}.btn-primary{background-color:#0ea5e9;color:#fff;border:none}.btn-primary:hover{background-color:#0284c7}.btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed}.btn-secondary{background-color:#fff;color:#475569;border:1px solid #cbd5e1}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@media (max-width: 768px){.certificate-modal-overlay{padding:0;align-items:flex-end}.certificate-modal-container{width:100%;height:100%;max-width:none;border-radius:0;display:flex;flex-direction:column}.certificate-modal-content{flex-direction:column;overflow:hidden}.document-viewer-panel{height:35vh;flex:none;width:100%;border-right:none;border-bottom:1px solid #e2e8f0}.data-form-panel{width:100%;flex:1;padding:16px;overflow-y:auto}.viewer-toolbar{bottom:10px;padding:4px 12px}.header-title h2{font-size:1rem}.form-section{margin-bottom:16px;padding-bottom:16px}.form-row{gap:12px}}.yacht-documents{padding:var(--space-lg);min-height:calc(100vh - 200px)}.yacht-documents-container{padding:var(--space-lg)}.documents-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.documents-header .btn-primary{flex:0 0 auto;padding:6px var(--space-md);font-size:.8125rem;min-height:34px;border-radius:var(--radius-md);white-space:nowrap}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.photo-card{display:flex;flex-direction:column;border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.photo-img{width:100%;height:clamp(160px,18vw,220px);object-fit:cover;background:var(--color-deck-gray);display:block}.photo-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.875rem;color:var(--color-navigation-dark)}.photo-actions span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yacht-documents__loading,.yacht-documents__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.yacht-documents__error{color:var(--color-alert-flare)}.page-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.875rem;font-weight:700;color:var(--color-navigation-dark);margin-bottom:var(--space-xs)}.page-subtitle{color:var(--color-chart-gray);font-size:1rem;margin:0}.yacht-documents-filters{margin-bottom:var(--space-lg);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white)}.yacht-documents__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;gap:var(--space-md);border:2px dashed var(--color-cabin-gray);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--color-deck-gray);min-height:300px}.yacht-documents__empty.drag-over{border-color:var(--color-ocean-blue);background:var(--color-nautical-light);transform:scale(1.02)}.yacht-documents__empty svg{color:var(--color-chart-gray);margin-bottom:var(--space-md);transition:all var(--transition-fast)}.yacht-documents__empty.drag-over svg{color:var(--color-ocean-blue);transform:scale(1.1)}.yacht-documents__empty h3{font-size:1.5rem;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.yacht-documents__empty p{color:var(--color-chart-gray);font-size:1.125rem;margin-bottom:var(--space-lg)}.drag-drop-hint{font-size:.875rem!important;color:var(--color-ocean-blue)!important;font-weight:500;padding:var(--space-sm) var(--space-md);background:var(--color-hull-white);border-radius:var(--radius-md);border:1px solid var(--color-ocean-blue);margin-bottom:0!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal{background:var(--color-hull-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray)}.modal__header h3{font-size:1.25rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.modal__content{padding:var(--space-lg)}.upload-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-navigation-dark)}.form-input{padding:var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-hull-white);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3b82f61a}.selected-files{margin-top:var(--space-sm)}.selected-file{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-deck-gray);border-radius:var(--radius-sm);font-size:.875rem}.file-size{color:var(--color-chart-gray);margin-left:auto}.upload-progress{display:flex;flex-direction:column;gap:var(--space-sm)}.progress-bar{width:100%;height:8px;background:var(--color-deck-gray);border-radius:var(--radius-sm);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-ocean-blue);transition:width var(--transition-slow)}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.file-settings{padding:var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:var(--color-deck-gray)}.file-settings h4{font-size:.875rem;font-weight:500;color:var(--color-navigation-dark);margin-bottom:var(--space-sm);font-family:monospace}@keyframes dragPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.drag-over{animation:dragPulse 2s ease-in-out infinite}.drag-over:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(59,130,246,.1) 25%,transparent 25%,transparent 75%,rgba(59,130,246,.1) 75%,rgba(59,130,246,.1));background-size:20px 20px;pointer-events:none;border-radius:inherit}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary:hover:not(:disabled){background:var(--color-deep-blue)}.btn--secondary:hover:not(:disabled){background:var(--color-cabin-gray)}.btn--ghost{background:transparent;color:var(--color-chart-gray);padding:var(--space-sm)}.btn--ghost:hover:not(:disabled){background:var(--color-deck-gray);color:var(--color-navigation-dark)}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.yacht-documents,.yacht-documents-container{padding:var(--space-md)}.documents-header{flex-direction:column;align-items:flex-start}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.photo-img{height:clamp(140px,35vw,200px)}.header-content{flex-direction:column;gap:var(--space-md);align-items:stretch}.header-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%}.header-actions .btn{justify-content:center;width:100%}.modal{margin:var(--space-md);max-width:none;height:auto;max-height:90vh;display:flex;flex-direction:column}.modal__content{overflow-y:auto;flex:1}.form-actions{flex-direction:column-reverse;gap:var(--space-sm)}.form-actions .btn{width:100%}}.yacht-documents-table{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);overflow:hidden}.yacht-documents-table .MuiTableHead-root{background-color:var(--color-deck-tan)}.yacht-documents-table .MuiTableHead-root .MuiTableCell-root{font-weight:600;color:var(--color-navigation-dark);border-bottom:2px solid var(--color-cabin-gray)}.yacht-documents-table .MuiTableRow-root:hover{background-color:#2c52820a}.yacht-documents-table .MuiTableCell-root{border-bottom:1px solid var(--color-cabin-gray);padding:var(--space-md)}.yacht-documents-mobile-list{display:flex;flex-direction:column;gap:var(--space-md)}.yacht-bookings-list{padding:1rem}.bookings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.header-text h3{margin:0 0 .25rem;color:var(--color-primary);font-size:1.5rem;font-weight:600}.header-text p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.header-actions{flex-shrink:0}.yacht-bookings-loading,.yacht-bookings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.yacht-bookings-loading__spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.yacht-bookings-loading__icon{color:var(--color-primary);animation:spin 2s linear infinite}.yacht-bookings-filters{margin-bottom:1rem}.empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem}.empty-state-icon{color:var(--color-text-secondary);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.empty-state p{margin:0 0 1rem;color:var(--color-text-secondary);line-height:1.5}.yacht-bookings-table{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}@media (max-width: 768px){.yacht-bookings-list{padding:.5rem}.bookings-header{flex-direction:column;align-items:stretch}.header-actions{margin-top:1rem}.yacht-bookings-filters .MuiBox-root{flex-direction:column;align-items:stretch;gap:1rem}.yacht-bookings-filters .MuiTextField-root,.yacht-bookings-filters .MuiFormControl-root{min-width:unset}}.checkin-container{max-width:800px;margin:0 auto;padding:var(--space-lg);background:var(--color-hull-white);min-height:100vh}.checkin-container--loading,.checkin-container--error{display:flex;align-items:center;justify-content:center;min-height:60vh}.checkin-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-ocean-blue)}.header-title{display:flex;align-items:center;gap:var(--space-md);flex:1}.header-icon{color:var(--color-ocean-blue);width:2rem;height:2rem}.header-title h1{font-size:1.875rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.header-subtitle{color:var(--color-chart-gray);font-size:1rem;margin:var(--space-xs) 0 0 0}.progress-summary{display:flex;align-items:center;gap:var(--space-md)}.progress-bar{flex:1;height:.5rem;background:var(--color-cabin-gray);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-ocean-blue),var(--color-info-wave));border-radius:var(--radius-full);transition:width var(--transition-smooth)}.progress-text{font-size:.875rem;font-weight:500;color:var(--color-navigation-dark);white-space:nowrap}.alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.alert--critical{background:#dc26261a;border:2px solid var(--color-error-signal);color:var(--color-error-signal)}.alert-icon{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:var(--space-xs)}.alert h4{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-sm) 0}.alert p{margin:0 0 var(--space-md) 0}.issues-list{list-style:none;padding:0;margin:0}.issues-list li{padding:var(--space-xs) 0;font-size:.875rem;border-bottom:1px solid rgba(220,38,38,.2)}.issues-list li:last-child{border-bottom:none}.section-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.section-nav-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-deck-gray);border:2px solid var(--color-cabin-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.section-nav-item:hover{border-color:var(--color-ocean-blue);transform:translateY(-1px)}.section-nav-item--active{border-color:var(--color-ocean-blue);background:var(--color-nautical-light)}.section-nav-item--completed{border-color:var(--color-success-marina);background:#10b9811a}.section-nav-content h4{font-size:1rem;font-weight:500;color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.section-progress{font-size:.75rem;color:var(--color-chart-gray);font-weight:500}.section-nav-indicator{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.section-nav-dot{width:.5rem;height:.5rem;background:var(--color-chart-gray);border-radius:var(--radius-full)}.section-nav-item--active .section-nav-dot{background:var(--color-ocean-blue)}.section-nav-item--completed svg{color:var(--color-success-marina);width:1.25rem;height:1.25rem}.current-section{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-cabin-gray)}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.section-counter{font-size:.875rem;color:var(--color-chart-gray);background:var(--color-deck-gray);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.inventory-items{display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.checkin-item{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-fast)}.checkin-item:hover{border-color:var(--color-ocean-blue);box-shadow:var(--shadow-sm)}.checkin-item--critical{border-left:4px solid var(--color-warning-beacon);background:#f59e0b0d}.item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-md)}.item-info{flex:1}.item-name{font-size:1.125rem;font-weight:500;color:var(--color-navigation-dark);margin:0 0 var(--space-xs) 0}.item-meta{display:flex;align-items:center;gap:var(--space-md)}.item-quantity{font-size:.875rem;color:var(--color-chart-gray);font-weight:500}.test-required-badge{background:var(--color-warning-beacon);color:var(--color-hull-white);font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.equipment-hours-badge{background:var(--color-primary-ocean);color:var(--color-hull-white);font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-xs)}.item-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md)}.status-icon{width:1.25rem;height:1.25rem}.status-icon--ok{color:var(--color-success-marina)}.status-icon--missing{color:var(--color-error-signal)}.status-icon--damaged{color:var(--color-warning-beacon)}.status-icon--unknown{width:1.25rem;height:1.25rem;background:var(--color-chart-gray);border-radius:var(--radius-full)}.status-label{font-size:.875rem;font-weight:500;text-transform:capitalize;color:var(--color-navigation-dark)}.status-controls{border-top:1px solid var(--color-cabin-gray);padding-top:var(--space-md)}.equipment-hours-input{margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-surface-light);border-radius:var(--radius-md);border-left:4px solid var(--color-primary-ocean)}.equipment-hours-input label{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-sm);font-size:.875rem}.hours-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast)}.hours-input:focus{outline:none;border-color:var(--color-primary-ocean);box-shadow:0 0 0 3px #0066cc1a}.hours-hint{display:block;margin-top:var(--space-xs);font-size:.75rem;color:var(--color-chart-gray);font-style:italic}.status-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.status-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-deck-gray);border:2px solid var(--color-cabin-gray);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:4rem}.status-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-btn:disabled{opacity:.5;cursor:not-allowed}.status-btn--active{border-color:var(--color-ocean-blue);background:var(--color-ocean-blue);color:var(--color-hull-white)}.status-btn-label{font-size:.875rem;font-weight:500}.item-notes{margin-top:var(--space-md)}.item-notes textarea{width:100%;min-height:3rem;padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;resize:vertical;background:var(--color-hull-white)}.item-notes textarea:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3b82f61a}.item-instructions{display:flex;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm);background:var(--color-surface-light);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);color:var(--color-navigation-dark);font-size:.875rem}.item-instructions p{margin:0}.item-photos{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface-light);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray)}.item-photos__header{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-sm);font-size:.875rem}.item-photos__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.item-photo{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);padding:var(--space-xs)}.item-photo__image{width:100%;height:90px;object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--color-cabin-gray)}.item-photo__description{font-size:.75rem;color:var(--color-chart-gray);margin:var(--space-xs) 0 0 0;line-height:1.3}.test-instructions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm);background:#f59e0b1a;border:1px solid var(--color-warning-beacon);border-radius:var(--radius-md)}.test-icon{width:1rem;height:1rem;color:var(--color-warning-beacon);flex-shrink:0}.test-instructions p{font-size:.875rem;color:var(--color-warning-beacon);margin:0}.section-actions{display:flex;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.final-review{background:var(--color-hull-white);border:2px solid var(--color-ocean-blue);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.final-review h3{font-size:1.5rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-lg) 0;text-align:center}.review-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md)}.summary-label{font-weight:500;color:var(--color-navigation-dark)}.summary-value{font-weight:600;font-size:1.125rem}.summary-value--success{color:var(--color-success-marina)}.summary-value--warning{color:var(--color-warning-beacon)}.signature-section{margin:var(--space-xl) 0;text-align:center}.signature-section h4{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.125rem;font-weight:500;color:var(--color-navigation-dark);margin:0 0 var(--space-sm) 0}.signature-icon{width:1.25rem;height:1.25rem;color:var(--color-ocean-blue)}.signature-section p{color:var(--color-chart-gray);margin:0}.final-actions{display:flex;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;background:transparent;min-height:2.75rem}.btn--icon{padding:var(--space-sm);min-width:2.75rem}.btn--large{padding:var(--space-md) var(--space-xl);font-size:1rem;min-height:3.5rem}.btn--primary{background:var(--color-ocean-blue);color:var(--color-hull-white)}.btn--primary:hover:not(:disabled){background:var(--color-deep-navigation);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-deck-gray);color:var(--color-navigation-dark);border:1px solid var(--color-cabin-gray)}.btn--secondary:hover:not(:disabled){background:var(--color-cabin-gray);border-color:var(--color-ocean-blue)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{width:1rem;height:1rem;flex-shrink:0}.btn-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite;flex-shrink:0}.form-group label{display:block;font-weight:500;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.form-group textarea{width:100%;min-height:4rem;padding:var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;resize:vertical;background:var(--color-hull-white)}.form-group textarea:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3b82f61a}.loading-spinner,.error-message{text-align:center;padding:var(--space-4xl)}.loading-icon,.error-icon{width:3rem;height:3rem;color:var(--color-chart-gray);margin-bottom:var(--space-lg)}.loading-spinner p{color:var(--color-chart-gray);font-size:1.125rem}.error-message h3{color:var(--color-navigation-dark);font-size:1.5rem;margin-bottom:var(--space-sm)}.error-message p{color:var(--color-chart-gray);margin-bottom:var(--space-lg)}.mobile-section-navigation{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-xl);display:none}.mobile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.mobile-section-title{font-size:1.25rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.mobile-section-progress{font-size:.875rem;color:var(--color-chart-gray);font-weight:500}.mobile-pagination{display:flex;justify-content:center}.mobile-pagination .MuiPaginationItem-root{min-width:2rem;height:2rem;font-size:.75rem}.mobile-pagination .MuiPaginationItem-outlined{border-color:var(--color-ocean-blue);color:var(--color-ocean-blue)}.mobile-pagination .MuiPaginationItem-outlined.Mui-selected{background-color:var(--color-ocean-blue);color:var(--color-hull-white)}@media (max-width: 768px){.checkin-container{padding:var(--space-md)}.header-navigation{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.section-navigation{display:none}.mobile-section-navigation{display:block}.current-section{padding:var(--space-md)}.section-header{display:none}.status-buttons{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.status-btn{padding:var(--space-sm);min-height:3rem;font-size:.75rem}.status-btn-label{font-size:.75rem}.status-icon{width:1rem;height:1rem}.btn{padding:var(--space-sm) var(--space-md);font-size:.75rem;min-height:2.25rem}.btn--large{padding:var(--space-sm) var(--space-lg);font-size:.875rem;min-height:2.75rem}.btn-icon{width:.875rem;height:.875rem}.item-name{font-size:1rem}.item-quantity{font-size:.75rem}.test-required-badge{font-size:.625rem;padding:var(--space-xs)}.checkin-item{padding:var(--space-md)}.section-actions,.final-actions{flex-direction:column}.review-summary{grid-template-columns:1fr}}@media (max-width: 480px){.progress-summary{flex-direction:column;gap:var(--space-sm)}.item-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.mobile-section-header{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.mobile-section-title{font-size:1.125rem}.mobile-section-progress{font-size:.75rem}.mobile-pagination .MuiPaginationItem-root{min-width:1.75rem;height:1.75rem;font-size:.625rem}.status-btn{padding:var(--space-xs);min-height:2.5rem;gap:var(--space-xs)}.btn{padding:var(--space-xs) var(--space-sm);font-size:.6875rem;min-height:2rem}.btn--large{padding:var(--space-sm) var(--space-md);font-size:.75rem;min-height:2.5rem}.current-section{padding:var(--space-sm)}.final-review{padding:var(--space-md)}}.issue-content{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-xs)}.issue-description{font-size:.75rem;color:var(--color-chart-gray);font-style:italic;padding:var(--space-xs);background:#00000005;border-radius:var(--radius-sm);margin-top:var(--space-xs);border-left:2px solid var(--color-ocean-blue)}.item-description{margin-top:var(--space-xs);padding:var(--space-xs);background:#00000005;border-radius:var(--radius-sm);border-left:2px solid var(--color-ocean-blue)}.description-label{font-size:.75rem;font-weight:600;color:var(--color-navigation-dark);margin-right:var(--space-xs)}.description-text{font-size:.75rem;color:var(--color-chart-gray);font-style:italic}.issue-detail-description{margin-top:var(--space-xs);padding:var(--space-xs);background:#00000005;border-radius:var(--radius-sm);border-left:2px solid var(--color-ocean-blue);font-size:.875rem;color:var(--color-chart-gray)}.issue-detail-description strong{color:var(--color-navigation-dark);font-weight:600}@media (max-width: 768px){.issue-content{flex-direction:column;align-items:flex-start}.issue-description,.item-description,.issue-detail-description{font-size:.75rem;padding:var(--space-xs)}}.workflow-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);pointer-events:auto;overflow:hidden}.workflow-confirm-dialog{background:var(--color-hull-white);border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid var(--color-ocean-blue);pointer-events:auto;position:relative;z-index:1001}.workflow-confirm-dialog .dialog-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-md);border-bottom:1px solid var(--color-cabin-gray);background:var(--color-deck-gray)}.workflow-confirm-dialog .dialog-icon{width:2rem;height:2rem;color:var(--color-ocean-blue);flex-shrink:0}.workflow-confirm-dialog .dialog-header h3{font-size:1.5rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.workflow-confirm-dialog .dialog-content{padding:var(--space-xl)}.workflow-confirm-dialog .dialog-content p{margin-bottom:var(--space-md);color:var(--color-chart-gray);line-height:1.6;font-size:1rem}.workflow-benefits{background:var(--color-deck-gray);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg);border-left:4px solid var(--color-ocean-blue)}.workflow-benefits ul{list-style:none;padding:0;margin:0}.workflow-benefits li{padding:var(--space-xs) 0;color:var(--color-navigation-dark);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:var(--space-sm)}.workflow-benefits li:before{content:"⚓";color:var(--color-ocean-blue);font-size:1rem}.workflow-confirm-dialog .dialog-actions{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-xl) var(--space-xl);justify-content:flex-end;background:var(--color-deck-gray);border-top:1px solid var(--color-cabin-gray)}.workflow-confirm-dialog .dialog-actions .btn{min-width:120px}.workflow-status-banner{background:linear-gradient(135deg,var(--color-ocean-blue),var(--color-info-wave));color:var(--color-hull-white);padding:var(--space-lg);margin-bottom:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-deep-sea)}.workflow-status-content{display:flex;align-items:center;gap:var(--space-md)}.workflow-status-icon{width:1.5rem;height:1.5rem;color:#fffc;flex-shrink:0;animation:pulse 2s infinite}.workflow-status-info{display:flex;flex-direction:column;gap:var(--space-xs)}.workflow-status-title{font-weight:600;font-size:1.125rem;margin:0}.workflow-status-subtitle{font-size:.875rem;opacity:.9;margin:0;font-weight:400}.existing-workflow-banner{background:linear-gradient(135deg,var(--color-success-marina),#34d399);color:var(--color-hull-white);padding:var(--space-lg);margin-bottom:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #059669}.existing-workflow-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.existing-workflow-info{flex:1}.existing-workflow-info h4{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-xs) 0;color:var(--color-hull-white)}.existing-workflow-info p{font-size:.875rem;margin:0 0 var(--space-md) 0;opacity:.9}.workflow-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.workflow-progress span{font-size:.875rem;font-weight:500;opacity:.9}.workflow-progress .progress-bar{height:6px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.workflow-progress .progress-fill{height:100%;background:var(--color-hull-white);border-radius:var(--radius-full);transition:width .3s ease}.current-task-info{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#ffffff1a;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:250px}.current-task-label{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.current-task-name{font-size:1rem;font-weight:600;color:var(--color-hull-white)}.task-status{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize;align-self:flex-start}.task-status--ready{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.task-status--in_progress{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.task-status--completed{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.workflow-check-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999;padding:var(--space-md)}.workflow-check-content{background:var(--color-hull-white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-cabin-gray);text-align:center;max-width:400px;width:90%}.workflow-check-content .loading-spinner{padding:0}.workflow-check-content .loading-icon{width:2.5rem;height:2.5rem;color:var(--color-ocean-blue);margin-bottom:var(--space-md);animation:pulse 2s infinite}.workflow-check-content p{color:var(--color-chart-gray);font-size:1rem;margin:0}.workflow-active.existing-workflow .checkin-header{border-left:4px solid var(--color-success-marina);background:linear-gradient(145deg,var(--color-hull-white),rgba(5,150,105,.05))}@media (max-width: 768px){.existing-workflow-content{flex-direction:column;gap:var(--space-md)}.current-task-info{min-width:auto;width:100%}.existing-workflow-banner{margin:0 -var(--space-md) var(--space-lg);border-radius:0;padding:var(--space-md)}.workflow-check-content{margin:var(--space-md);max-width:none;width:calc(100vw - 2rem)}}@media (max-width: 480px){.existing-workflow-info h4{font-size:1.125rem}.existing-workflow-info p,.workflow-progress span{font-size:.75rem}.current-task-name{font-size:.875rem}.workflow-check-content .loading-icon{width:2rem;height:2rem}.workflow-check-content p{font-size:.875rem}}.resolution-section{margin-top:var(--space-lg)}.resolution-section:first-child{margin-top:0}.resolution-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-cabin-gray)}.resolution-header h5{margin:0;font-size:1rem;font-weight:600;color:var(--color-deep-navigation)}.resolution-icon{flex-shrink:0}.resolution-icon--resolved{color:var(--color-success-light)}.resolution-icon--unresolved{color:var(--color-warning-light)}.resolution-list{display:flex;flex-direction:column;gap:var(--space-md)}.resolution-item{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid;background:var(--color-hull-white);transition:all var(--transition-smooth)}.resolution-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.resolution-item--resolved{border-color:var(--color-success-light);background:#10b98108}.resolution-item--unresolved{border-color:var(--color-warning-light);background:#f59e0b08}.resolution-issue-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.resolution-section{font-size:.75rem;font-weight:600;color:var(--color-ocean-blue);text-transform:uppercase;letter-spacing:.05em}.resolution-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--color-cabin-gray);color:var(--color-navigation-dark)}.resolution-status--pending{background:var(--color-warning-light);color:var(--color-hull-white)}.resolution-item-name{font-size:1rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-sm) 0}.resolution-original-description,.resolution-notes{font-size:.875rem;line-height:1.5;margin:var(--space-sm) 0;padding:var(--space-sm);background:#00000005;border-radius:var(--radius-sm)}.resolution-original-description strong,.resolution-notes strong{display:block;color:var(--color-navigation-dark);margin-bottom:var(--space-xs)}.resolution-notes{background:#10b9810d;border-left:3px solid var(--color-success-light)}.resolution-details{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-cabin-gray)}.resolution-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;color:var(--color-chart-gray)}.resolution-meta svg{flex-shrink:0;color:var(--color-ocean-blue)}.resolution-followup{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#f59e0b1a;border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-warning-light);font-weight:500}.resolution-followup svg{flex-shrink:0}.checkin-history{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-ocean-blue)}.header-title h2{font-size:1.875rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-xs) 0}.history-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.search-container{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-chart-gray)}.search-input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) calc(var(--space-md) * 2.5);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:.9375rem;transition:all var(--transition-smooth)}.search-input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3b82f61a}.filter-container{display:flex;align-items:center;gap:var(--space-sm)}.filter-icon{color:var(--color-chart-gray)}.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:.9375rem;cursor:pointer;transition:all var(--transition-smooth)}.filter-select:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #3b82f61a}.events-timeline{display:flex;flex-direction:column;gap:var(--space-xl)}.event-card{display:flex;gap:var(--space-lg)}.event-timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:var(--space-xs)}.event-type-icon{flex-shrink:0;padding:var(--space-sm);background:var(--color-hull-white);border-radius:var(--radius-full);border:2px solid;z-index:1}.event-type-icon--checkin{color:var(--color-success-light);border-color:var(--color-success-light)}.event-type-icon--checkout{color:var(--color-info-wave);border-color:var(--color-info-wave)}.timeline-line{position:absolute;top:calc(var(--space-xl) + var(--space-xs));left:50%;transform:translate(-50%);width:2px;height:calc(100% + var(--space-xl));background:var(--color-cabin-gray)}.event-content{flex:1;padding:var(--space-lg);background:var(--color-hull-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-smooth)}.event-content:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.event-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-md)}.event-title{font-size:1.25rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-sm) 0}.event-meta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-chart-gray)}.meta-item svg{flex-shrink:0}.issues-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;white-space:nowrap}.issues-badge--critical{background:#dc26261a;color:var(--color-danger-red)}.issues-badge--minor{background:#f59e0b1a;color:var(--color-warning-light)}.issues-badge--clean{background:#10b9811a;color:var(--color-success-light)}.event-notes{display:flex;gap:var(--space-sm);padding:var(--space-md);background:#00000005;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.notes-icon{flex-shrink:0;color:var(--color-ocean-blue);margin-top:2px}.event-notes p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--color-navigation-dark)}.event-issues h4{font-size:.9375rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-sm) 0}.issues-list{display:flex;flex-direction:column;gap:var(--space-sm)}.issue-item{padding:var(--space-sm);border-left:3px solid;background:#00000005;border-radius:var(--radius-sm)}.issue-item--missing{border-color:var(--color-danger-red)}.issue-item--damaged{border-color:var(--color-warning-light)}.issue-item--more{border-color:var(--color-chart-gray);text-align:center;font-size:.8125rem;color:var(--color-chart-gray);font-weight:500}.issue-content{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem}.issue-section{font-weight:600;color:var(--color-ocean-blue)}.issue-item-name{flex:1;color:var(--color-deep-navigation)}.issue-status{text-transform:capitalize;font-weight:500;color:var(--color-chart-gray)}.issue-description{margin-top:var(--space-xs);font-size:.8125rem;color:var(--color-chart-gray);padding-left:var(--space-md)}.event-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-cabin-gray)}.no-events{text-align:center;padding:var(--space-3xl)}.no-events-icon{color:var(--color-chart-gray);margin-bottom:var(--space-lg)}.no-events h3{font-size:1.25rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-sm) 0}.no-events p{color:var(--color-chart-gray);margin:0}.modal-content{background:var(--color-hull-white);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray)}.modal-header h3{font-size:1.5rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.modal-header-actions{display:flex;align-items:center;gap:var(--space-md)}.modal-close{padding:var(--space-sm);background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-chart-gray);transition:color var(--transition-smooth)}.modal-close:hover{color:var(--color-deep-navigation)}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.detail-section{margin-bottom:var(--space-xl)}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:1.125rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-md) 0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-item label{font-size:.8125rem;font-weight:600;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.05em}.detail-item span{font-size:.9375rem;color:var(--color-deep-navigation)}.event-notes-full{padding:var(--space-md);background:#00000005;border-radius:var(--radius-md);font-size:.9375rem;line-height:1.6;color:var(--color-navigation-dark);margin:0}.inventory-sections{display:flex;flex-direction:column;gap:var(--space-lg)}.inventory-section{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:#3b82f60d;border-bottom:1px solid var(--color-cabin-gray)}.section-header h5{font-size:1rem;font-weight:600;color:var(--color-deep-navigation);margin:0}.section-summary{font-size:.8125rem;color:var(--color-chart-gray)}.section-items{display:flex;flex-direction:column}.inventory-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-cabin-gray);transition:background var(--transition-smooth)}.inventory-item:last-child{border-bottom:none}.inventory-item:hover{background:#00000005}.inventory-item--issue{background:#f59e0b08}.item-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.item-name{font-size:.9375rem;font-weight:500;color:var(--color-deep-navigation)}.item-quantity{font-size:.8125rem;color:var(--color-chart-gray)}.test-required-indicator{display:inline-flex;padding:var(--space-xs) var(--space-sm);background:var(--color-info-wave);color:var(--color-hull-white);font-size:.6875rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.item-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;text-transform:capitalize}.item-status--ok{background:#10b9811a;color:var(--color-success-light)}.item-status--missing{background:#dc26261a;color:var(--color-danger-red)}.item-status--damaged{background:#f59e0b1a;color:var(--color-warning-light)}.item-description{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);margin-top:var(--space-sm);background:#00000005;border-radius:var(--radius-sm);grid-column:1 / -1}.description-label{font-size:.75rem;font-weight:600;color:var(--color-chart-gray);text-transform:uppercase}.description-text{font-size:.875rem;color:var(--color-navigation-dark)}.section-empty{padding:var(--space-lg);text-align:center;color:var(--color-chart-gray);font-size:.875rem;margin:0}.issues-detail-list{display:flex;flex-direction:column;gap:var(--space-md)}.issue-detail-item{padding:var(--space-md);border:1px solid;border-radius:var(--radius-md);background:var(--color-hull-white)}.issue-detail-item--missing{border-color:var(--color-danger-red);background:#dc262608}.issue-detail-item--damaged{border-color:var(--color-warning-light);background:#f59e0b08}.issue-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.issue-status-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize}.issue-status-badge--missing{background:var(--color-danger-red);color:var(--color-hull-white)}.issue-status-badge--damaged{background:var(--color-warning-light);color:var(--color-hull-white)}.issue-detail-description{margin-top:var(--space-sm);padding:var(--space-sm);background:#00000005;border-radius:var(--radius-sm);font-size:.875rem;line-height:1.5}.issue-detail-description strong{color:var(--color-navigation-dark);margin-right:var(--space-xs)}.event-equipment-hours{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(to right,#0057920d,#00579205);border-left:3px solid var(--color-ocean-blue);border-radius:var(--radius-md);margin:var(--space-md) 0}.event-equipment-hours .hours-icon{color:var(--color-ocean-blue);margin-top:2px;flex-shrink:0}.event-equipment-hours .hours-content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.event-equipment-hours .hours-content strong{color:var(--color-navigation-dark);font-size:.875rem;display:block;margin-bottom:var(--space-xs)}.equipment-hours-entry{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-hull-white);border:1px solid var(--color-ocean-blue);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-primary);margin-right:var(--space-sm)}.equipment-hours-entry strong{color:var(--color-ocean-blue);font-weight:600}.equipment-hours-detail{display:flex;flex-direction:column;gap:var(--space-md)}.equipment-hour-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-hull-white);border:1px solid rgba(0,87,146,.2);border-radius:var(--radius-md);transition:all .2s ease}.equipment-hour-item:hover{border-color:var(--color-ocean-blue);box-shadow:0 2px 8px #0057921a}.equipment-hour-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--color-ocean-blue),var(--color-ocean-blue-dark));border-radius:var(--radius-md);color:#fff;flex-shrink:0}.equipment-hour-details{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.equipment-hour-details .equipment-name{font-weight:500;color:var(--color-navigation-dark);font-size:.9375rem}.equipment-hour-details .equipment-hours{font-size:1.125rem;font-weight:600;color:var(--color-ocean-blue)}@media (max-width: 768px){.checkin-history{padding:var(--space-md)}.history-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.header-actions{width:100%}.header-actions button{flex:1}.history-controls{flex-direction:column}.search-container,.filter-container{width:100%}.event-card{gap:var(--space-md)}.event-content{padding:var(--space-md)}.modal-content{max-height:95vh}.modal-body{padding:var(--space-md)}.detail-grid{grid-template-columns:1fr}.resolution-details{flex-direction:column;gap:var(--space-sm)}}.yacht-detail-container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.yacht-detail-header{margin-bottom:var(--space-2xl)}.header-navigation{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-chart-gray)}.breadcrumb-item.current{color:var(--color-navigation-dark);font-weight:500}.breadcrumb-separator{color:var(--color-cabin-gray)}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.yacht-title{display:flex;align-items:flex-start;gap:var(--space-md);flex:1}.yacht-icon{color:var(--color-ocean-blue);margin-top:var(--space-xs);flex-shrink:0}.yacht-title h1{font-size:2.25rem;font-weight:600;color:var(--color-deep-navigation);margin-bottom:var(--space-xs)}.yacht-title p{color:var(--color-chart-gray);font-size:1.125rem;margin:0}.yacht-status{flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.status-indicator.status-chartered{border-left:4px solid var(--color-info-wave)}.status-indicator.status-check-in,.status-indicator.status-check-out{border-left:4px solid var(--color-warning-beacon)}.status-indicator.status-ready{border-left:4px solid var(--color-success-marina)}.status-indicator.status-maintenance{border-left:4px solid var(--color-danger-red)}.status-indicator.status-dry-dock{border-left:4px solid var(--color-chart-gray)}.status-indicator svg{flex-shrink:0}.status-indicator.status-chartered svg{color:var(--color-info-wave)}.status-indicator.status-check-in svg{color:var(--color-warning-beacon)}.status-indicator.status-check-out svg{color:var(--color-warning-beacon)}.status-indicator.status-ready svg{color:var(--color-success-marina)}.status-indicator.status-maintenance svg{color:var(--color-danger-red)}.status-indicator.status-dry-dock svg{color:var(--color-chart-gray)}.status-label{font-weight:600;color:var(--color-navigation-dark);display:block}.status-description{color:var(--color-chart-gray);font-size:.875rem}.header-actions{display:flex;gap:var(--space-md);flex-shrink:0}.yacht-tabs{display:flex;border-bottom:1px solid var(--color-cabin-gray);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--color-chart-gray);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.tab-button:hover{color:var(--color-ocean-blue);background-color:var(--color-nautical-light)}.tab-button.active{color:var(--color-ocean-blue);border-bottom-color:var(--color-ocean-blue)}.tab-button svg{flex-shrink:0}.yacht-content{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.overview-tab{width:100%}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.info-card{background:var(--color-deck-gray);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-lg)}.info-card h3{font-size:1.125rem;font-weight:600;color:var(--color-deep-navigation);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-cabin-gray)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-item label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-chart-gray)}.info-item span{font-size:.875rem;font-weight:500;color:var(--color-navigation-dark)}.specifications-tab{width:100%}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-deck-gray);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md)}.spec-item label{font-weight:500;color:var(--color-navigation-dark)}.spec-item span{font-weight:600;color:var(--color-ocean-blue)}.tab-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;gap:var(--space-md)}.tab-content-placeholder svg{color:var(--color-chart-gray);margin-bottom:var(--space-md)}.tab-content-placeholder h3{font-size:1.5rem;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.tab-content-placeholder p{color:var(--color-chart-gray);font-size:1.125rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;gap:var(--space-md)}.error-container svg{color:var(--color-chart-gray);margin-bottom:var(--space-md)}.error-container h3{font-size:1.5rem;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.error-container p{color:var(--color-chart-gray);font-size:1.125rem;margin-bottom:var(--space-lg)}.error-actions{display:flex;gap:var(--space-md)}@media (max-width: 768px){.yacht-detail-container{padding:var(--space-md)}.header-content{flex-direction:column;gap:var(--space-md)}.yacht-status{width:100%}.status-indicator{justify-content:center}.header-actions{width:100%;flex-direction:column}.yacht-tabs{margin:0 calc(-1 * var(--space-md));padding:0 var(--space-md)}.yacht-content{padding:var(--space-lg)}.overview-grid,.info-grid,.specs-grid{grid-template-columns:1fr}.error-actions{flex-direction:column;width:100%}}@media (max-width: 480px){.yacht-title{flex-direction:column;gap:var(--space-sm)}.yacht-icon{align-self:center;margin-top:0}.tab-button{padding:var(--space-sm) var(--space-md);font-size:.75rem}}.message-bubble{display:flex;gap:.75rem;margin-bottom:.2rem;width:85%;max-width:85%}.message-bubble--ai{align-self:flex-start}.message-bubble--user{align-self:flex-end;flex-direction:row-reverse}.message-bubble--other{align-self:flex-start}.message-bubble--escalated{background-color:var(--warning-50);border-radius:8px;padding:.5rem;border-left:3px solid var(--warning-500)}.message-bubble__avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--surface-secondary)}.message-avatar--ai{background-color:var(--primary-100);color:var(--primary-600)}.message-avatar--user{background-color:var(--success-100);color:var(--success-600)}.message-bubble__content{flex:1;min-width:0}.message-bubble__header{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.message-bubble__sender{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.message-bubble__time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.message-bubble__text{line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.message-bubble__text p{margin:0 0 .5rem}.message-bubble__text p:last-child{margin-bottom:0}.message-bubble__text h1,.message-bubble__text h2,.message-bubble__text h3,.message-bubble__text h4,.message-bubble__text h5,.message-bubble__text h6{margin:.75rem 0 .5rem;font-weight:600}.message-bubble__text h1:first-child,.message-bubble__text h2:first-child,.message-bubble__text h3:first-child,.message-bubble__text h4:first-child,.message-bubble__text h5:first-child,.message-bubble__text h6:first-child{margin-top:0}.message-bubble__text h1{font-size:1.5rem}.message-bubble__text h2{font-size:1.25rem}.message-bubble__text h3{font-size:1.1rem}.message-bubble__text h4{font-size:1rem}.message-bubble__text h5{font-size:.9rem}.message-bubble__text h6{font-size:.85rem}.message-bubble__text strong{font-weight:700}.message-bubble__text em{font-style:italic}.message-bubble__text code{padding:.125rem .375rem;background-color:#0000001a;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9em}.message-bubble__text pre{margin:.5rem 0;padding:.75rem;background-color:#0000000d;border-radius:6px;overflow-x:auto;overflow-y:visible;max-height:none;white-space:pre;word-wrap:normal;scrollbar-width:none;-ms-overflow-style:none}.message-bubble__text pre::-webkit-scrollbar{display:none}.message-bubble__text pre code{padding:0;background-color:transparent;border-radius:0;font-size:.85em;line-height:1.4}.message-bubble__text ul,.message-bubble__text ol{margin:.5rem 0;padding-left:1.5rem}.message-bubble__text li,.message-bubble__text ul ul,.message-bubble__text ol ol,.message-bubble__text ul ol,.message-bubble__text ol ul{margin:.25rem 0}.message-bubble__text blockquote{margin:.5rem 0;padding:.5rem .75rem;border-left:3px solid rgba(0,0,0,.2);background-color:#00000008;font-style:italic}.message-bubble__text blockquote p{margin:0}.message-bubble__text a{color:var(--primary-600);text-decoration:underline}.message-bubble__text a:hover{color:var(--primary-700)}.message-bubble__text table{margin:.5rem 0;border-collapse:collapse;width:100%;font-size:.9em}.message-bubble__text th,.message-bubble__text td{padding:.5rem;border:1px solid rgba(0,0,0,.15);text-align:left}.message-bubble__text th{background-color:#0000000d;font-weight:600}.message-bubble__text input[type=checkbox]{margin-right:.5rem}.message-bubble__text hr{margin:.75rem 0;border:none;border-top:1px solid rgba(0,0,0,.15)}.message-bubble__text del{text-decoration:line-through;opacity:.7}.message-bubble--sent .message-bubble__text code{background-color:#fff3}.message-bubble--sent .message-bubble__text pre{background-color:#ffffff1a}.message-bubble--sent .message-bubble__text blockquote{border-left-color:#ffffff4d;background-color:#ffffff1a}.message-bubble--sent .message-bubble__text table th,.message-bubble--sent .message-bubble__text table td{border-color:#fff3}.message-bubble--sent .message-bubble__text table th{background-color:#ffffff1a}.message-bubble--sent .message-bubble__text hr{border-top-color:#fff3}.message-bubble--sent .message-bubble__text a{color:#ffffffe6}.message-bubble__images{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.message-bubble__image-wrapper{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.message-bubble__image-item{width:100%;height:auto;display:block;object-fit:contain;max-height:400px;cursor:pointer;transition:transform .2s ease}.message-bubble__image-item:hover{transform:scale(1.02)}.message-bubble__images:has(>.message-bubble__image-wrapper:nth-child(2)){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}@media (max-width: 768px){.message-bubble__images{gap:6px}.message-bubble__image-item{max-height:300px}}.message-bubble__status-icon{flex-shrink:0;display:inline-flex}.message-bubble__status-icon--pending{color:var(--text-tertiary);opacity:.6}.message-bubble__status-icon--delivered{color:var(--text-secondary);opacity:.8}.message-bubble__status-icon--read{color:#08c}.message-bubble--sent .message-bubble__time,.message-bubble--sent .message-bubble__time span{color:#0009}.message-bubble--sent .message-bubble__status-icon--delivered{color:#00000080}.message-bubble--sent .message-bubble__status-icon--read{color:#2e7d32}.message-bubble--sent .message-bubble__status-icon--pending{color:#0006}.message-bubble--sent .message-bubble__time{color:#ffffffb3}.message-bubble--sent .message-bubble__status-icon--pending,.message-bubble--sent .message-bubble__status-icon--delivered{color:#fff9}.message-bubble__read-status{color:var(--success-600);margin-left:auto}.message-bubble__body{background-color:var(--surface-secondary);border-radius:12px;padding:.75rem 1rem;position:relative}.message-bubble--user .message-bubble__body{background-color:var(--primary-600);color:#fff}.message-bubble--ai .message-bubble__body{background-color:var(--surface-tertiary)}.message-content{margin:0}.message-content--text .message-text{margin:0;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.message-content--image{display:flex;flex-direction:column;gap:.5rem}.message-image{max-width:300px;max-height:400px;border-radius:8px;cursor:pointer;transition:transform .2s ease}.message-image:hover{transform:scale(1.02)}.message-placeholder{display:flex;align-items:center;gap:.5rem;padding:2rem;border:2px dashed var(--border-secondary);border-radius:8px;color:var(--text-secondary);background-color:var(--surface-primary)}.message-content--voice{display:flex;flex-direction:column;gap:.5rem}.voice-message{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--surface-primary);border-radius:8px;border:1px solid var(--border-secondary)}.message-content--system{display:flex;align-items:center;gap:.5rem;font-style:italic;color:var(--text-secondary);background-color:var(--info-50);border:1px solid var(--info-200);border-radius:8px;padding:.75rem}.message-confidence{margin-top:.75rem;padding:.5rem;background-color:var(--surface-primary);border-radius:6px;border:1px solid var(--border-secondary)}.message-confidence__bar{width:100%;height:4px;background-color:var(--surface-secondary);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.message-confidence__fill{height:100%;transition:width .3s ease;border-radius:2px}.confidence--high .message-confidence__fill{background-color:var(--success-500)}.confidence--medium .message-confidence__fill{background-color:var(--warning-500)}.confidence--low .message-confidence__fill{background-color:var(--error-500)}.message-confidence__text{font-size:.75rem;color:var(--text-secondary)}.message-escalation{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background-color:var(--warning-50);border:1px solid var(--warning-200);border-radius:6px;font-size:.85rem;color:var(--warning-700)}.message-sources{margin-top:.75rem;padding:.75rem;background-color:var(--info-50);border:1px solid var(--info-200);border-radius:6px}.message-sources__title{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:var(--info-700)}.message-sources__list{margin:0;padding-left:1rem;list-style:none}.message-sources__item{font-size:.8rem;color:var(--info-600);margin-bottom:.25rem;line-height:1.3}.message-reactions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.message-reaction{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:12px;font-size:.75rem}.message-reaction__emoji{font-size:.85rem}.message-reaction__count{color:var(--text-secondary);font-weight:500}.message-bubble__actions{display:flex;gap:.25rem;margin-top:.5rem;opacity:0;transition:opacity .2s ease}.message-bubble:hover .message-bubble__actions{opacity:1}.photo-capture{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.photo-capture__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c}.photo-capture__container{position:relative;width:90vw;max-width:600px;max-height:90vh;background-color:var(--surface-primary);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.photo-capture__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-secondary);background-color:var(--surface-secondary)}.photo-capture__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.photo-capture__camera{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000;position:relative;min-height:300px}.photo-capture__error{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);padding:2rem;text-align:center}.photo-capture__viewfinder{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.photo-capture__video{width:100%;height:100%;object-fit:contain;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.photo-capture__controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.photo-capture__top-controls{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;pointer-events:auto}.btn--camera-control{background-color:#00000080!important;color:#fff!important;border:none!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--camera-control:hover{background-color:#000000b3!important}.photo-capture__center-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.photo-capture__focus-frame{width:200px;height:200px;border:2px solid rgba(255,255,255,.5);border-radius:12px}.photo-capture__preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-capture__preview-image{max-width:100%;max-height:100%;object-fit:contain}.photo-capture__actions{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background-color:var(--surface-secondary);border-top:1px solid var(--border-secondary)}.photo-capture__spacer{width:80px}.photo-capture__canvas{display:none}.btn--camera-capture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-width:80px;padding:.5rem 1rem}.btn__camera-ring{width:60px;height:60px;border:3px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.btn__camera-inner{width:50px;height:50px;background-color:currentColor;border-radius:50%}.btn--camera-capture:disabled .btn__camera-ring{opacity:.5;cursor:not-allowed}.btn__camera-label{font-size:.875rem;font-weight:500}.document-manager{flex:1;display:flex;flex-direction:column;overflow:hidden}.document-manager__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1rem}.document-manager__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.document-manager__actions{display:flex;gap:.75rem}.document-upload{margin:0 2rem 1.5rem;border:2px dashed var(--border-secondary);border-radius:12px;background-color:var(--surface-secondary);cursor:pointer;transition:all .2s ease;position:relative}.document-upload:hover:not(.document-upload--uploading){border-color:var(--primary-400);background-color:var(--primary-50)}.document-upload--drag-over{border-color:var(--primary-600);background-color:var(--primary-100)}.document-upload--uploading{cursor:default;border-color:var(--primary-400)}.document-upload__content{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.document-upload__content h3{margin:1rem 0 .5rem;color:var(--text-primary)}.document-upload__content p{margin:.25rem 0}.document-upload__note{font-size:.85rem;color:var(--text-tertiary);font-style:italic}.document-upload__progress{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;gap:1rem}.document-upload__input{display:none}.document-manager__controls{display:flex;gap:1rem;padding:0 2rem 1rem}.document-manager__filter{min-width:200px;padding:.5rem .75rem;border:1px solid var(--border-secondary);border-radius:6px;background-color:var(--surface-primary);color:var(--text-primary);font-size:.9rem}.document-list{flex:1;overflow-y:auto;padding:0 2rem 2rem}.document-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:var(--text-secondary);gap:1rem}.document-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--border-secondary);border-radius:8px;background-color:var(--surface-secondary);margin-bottom:.75rem;transition:all .2s ease}.document-item:hover{border-color:var(--border-primary);background-color:var(--surface-hover)}.document-item__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-primary);border-radius:8px;font-size:1.5rem}.document-item__content{flex:1;min-width:0}.document-item__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem;gap:1rem}.document-item__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.document-item__status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge--success{background-color:var(--success-100);color:var(--success-700)}.status-badge--error{background-color:var(--error-100);color:var(--error-700)}.status-badge--pending{background-color:var(--warning-100);color:var(--warning-700)}.document-item__meta{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.document-item__filename{font-family:var(--font-mono)}.document-item__size{color:var(--text-tertiary)}.document-item__type{text-transform:capitalize;color:var(--primary-600);font-weight:500}.document-item__details{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-tertiary)}.document-item__error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background-color:var(--error-50);border:1px solid var(--error-200);border-radius:6px;font-size:.85rem;color:var(--error-700)}.document-item__actions{display:flex;gap:.25rem;flex-shrink:0}.document-manager__info{padding:0 2rem 2rem}.info-card{padding:1.5rem;background-color:var(--info-50);border:1px solid var(--info-200);border-radius:8px}.info-card h4{margin:0 0 1rem;color:var(--info-700)}.info-card ul{margin:0;padding-left:1.5rem;color:var(--info-600)}.info-card li{margin-bottom:.5rem;line-height:1.4}.progress-bar{width:100%;height:8px;background-color:var(--surface-tertiary);border-radius:4px;overflow:hidden}.progress-bar__fill{height:100%;background-color:var(--primary-600);transition:width .3s ease;border-radius:4px}@media (max-width: 768px){.message-bubble{max-width:95%}.photo-capture__container{width:95vw;max-height:95vh}.photo-capture__actions{padding:1rem}.document-manager__header{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.document-upload{margin:0 1rem 1rem}.document-manager__controls{padding:0 1rem 1rem;flex-direction:column}.document-list{padding:0 1rem 1rem}.document-item{flex-direction:column;gap:.75rem}.document-item__header{flex-direction:column;align-items:stretch;gap:.5rem}.document-item__meta{flex-wrap:wrap;gap:.5rem}.document-item__actions{justify-content:center}}.communication-hub{display:flex;flex-direction:column;height:100vh;background-color:var(--surface-primary);color:var(--text-primary);overflow:hidden;overflow-x:hidden}.communication-hub__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-secondary);background-color:var(--surface-secondary);flex-wrap:wrap;min-height:60px}.communication-hub__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.header-title{display:flex;align-items:center;gap:.75rem}.communication-hub__actions{display:flex;gap:.75rem;align-items:center}.yacht-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--color-ocean-blue)}.yacht-select{border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;min-width:150px;outline:none}.yacht-select:focus{outline:2px solid var(--color-ocean-blue);outline-offset:2px;border-radius:var(--border-radius-xs)}.yacht-select option{background-color:var(--surface-secondary);color:var(--text-primary)}.yacht-selector--compact{padding:.375rem .5rem;gap:.375rem}.yacht-select--compact{font-size:.813rem;padding:.125rem .375rem;min-width:120px}.btn--icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--color-ocean-blue);cursor:pointer;transition:all .2s ease;min-width:40px;min-height:40px}.btn--icon:hover{background-color:var(--surface-tertiary);border-color:var(--color-ocean-blue)}.btn--icon:active{transform:scale(.95)}@media (max-width: 768px){.communication-hub__header{padding:.5rem .75rem;gap:.5rem}.communication-hub__title{font-size:1rem}.header-icon{width:18px;height:18px}.communication-hub__actions{flex-direction:row;justify-content:flex-end;gap:.25rem;width:auto;flex-wrap:wrap;flex:1}.yacht-selector{flex:1;min-width:100px;padding:.25rem .5rem}.yacht-select{width:100%;min-width:auto;font-size:.75rem}.btn--icon{min-width:32px;min-height:32px;padding:.25rem}.btn--icon svg{width:16px;height:16px}}.chat-view__connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:20px;font-size:.813rem;font-weight:600;letter-spacing:.015em;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.chat-view__connection-status.connected{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:#16a34a;border:1px solid rgba(34,197,94,.3);animation:pulseGreen 2s ease-in-out infinite}.chat-view__connection-status.disconnected{background:linear-gradient(135deg,#ef444426,#ef444414);color:#dc2626;border:1px solid rgba(239,68,68,.3);animation:pulseRed 2s ease-in-out infinite}.chat-view__connection-status svg{flex-shrink:0;width:16px;height:16px}@keyframes pulseGreen{0%,to{box-shadow:0 2px 8px #22c55e33}50%{box-shadow:0 4px 16px #22c55e59}}@keyframes pulseRed{0%,to{box-shadow:0 2px 8px #ef444433}50%{box-shadow:0 4px 16px #ef444459}}.chat-view__typing-indicator{margin:.5rem 1rem;display:flex;align-items:center}.typing-bubble{display:flex;align-items:center;gap:.5rem;background-color:var(--surface-tertiary);padding:.75rem 1rem;border-radius:1rem 1rem 1rem .25rem;max-width:60%}.typing-dots{display:flex;gap:.3rem;align-items:center;height:16px}.typing-dots span{width:7px;height:7px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out;box-shadow:0 2px 4px #6366f14d}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}@keyframes typingBounce{0%,80%,to{transform:scale(.7) translateY(0);opacity:.5}40%{transform:scale(1.1) translateY(-8px);opacity:1}}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-thinking-container{margin:.5rem 1rem;display:flex;align-items:flex-start;gap:.75rem;animation:fadeInSlideUp .2s cubic-bezier(.16,1,.3,1);opacity:1;transform:translateY(0)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 6px #667eea40;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 6px #667eea40}50%{transform:scale(1.05);box-shadow:0 6px 12px #667eea66}}.ai-thinking-bubble{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:1px solid #c7d2fe;border-radius:18px;padding:14px 18px;max-width:80%;min-width:220px;box-shadow:0 2px 8px #6366f11f;position:relative;overflow:hidden}.ai-thinking-bubble:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.thinking-spinner{color:#6366f1;filter:drop-shadow(0 0 4px rgba(99,102,241,.3))}.tool-indicator{display:flex;align-items:center;gap:.5rem}.tool-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#6366f11a;border-radius:8px}.tool-icon{color:#6366f1}.tool-icon.spinning{animation:spin 1.2s linear infinite}.tool-name,.thinking-text{font-size:.875rem;color:#4b5563;font-weight:600}.spinning{animation:spin 1.2s linear infinite}.waiting-for-response-container{margin:.5rem 1rem;display:flex;align-items:flex-start;gap:.75rem;animation:fadeInSlideUp .4s cubic-bezier(.16,1,.3,1);transition:opacity .3s ease,transform .3s ease}.waiting-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 6px #3b82f640;animation:pulse 2s ease-in-out infinite}.waiting-bubble{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:18px;padding:14px 18px;max-width:80%;min-width:220px;box-shadow:0 2px 8px #3b82f61f;position:relative;overflow:hidden;transition:all .3s ease}.waiting-bubble:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.waiting-spinner{color:#3b82f6;filter:drop-shadow(0 0 4px rgba(59,130,246,.3))}.waiting-text{font-size:.875rem;color:#4b5563;font-weight:600}.thinking-dots{display:inline-flex;gap:4px;margin-left:8px}.thinking-dots span{width:6px;height:6px;border-radius:50%;background-color:#6366f1;animation:thinking-dot-bounce 1.4s ease-in-out infinite}.waiting-bubble .thinking-dots span{background-color:#3b82f6}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}.waiting-for-response-container,.ai-thinking-container{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1)}.waiting-bubble,.ai-thinking-bubble{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.chat-view__ai-thinking{margin:.5rem 1rem;display:flex;align-items:flex-start}.ai-thinking-bubble{display:flex;flex-direction:column;background-color:var(--surface-tertiary);border:1px solid var(--border-primary);border-radius:1rem 1rem 1rem .25rem;max-width:80%;overflow:hidden}.ai-thinking-bubble.processing .ai-thinking-header{background-color:#3b82f61a}.ai-thinking-bubble.completed .ai-thinking-header{background-color:#22c55e1a}.ai-thinking-bubble.processing .ai-thinking-header svg{color:#3b82f6;animation:pulse 2s infinite}.ai-thinking-bubble.completed .ai-thinking-header svg{color:#22c55e;animation:none}.ai-thinking-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-secondary);font-size:.875rem;font-weight:500;color:var(--text-primary)}.ai-thinking-content{padding:1rem}.ai-thinking-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.875rem;line-height:1.5;color:var(--text-secondary);background:none;border:none;padding:0}.chat-view__ai-images{margin:.5rem 1rem;display:flex;align-items:flex-start}.ai-images-container{display:flex;flex-direction:column;background-color:var(--surface-tertiary);border:1px solid var(--border-primary);border-radius:1rem 1rem 1rem .25rem;max-width:80%;overflow:hidden}.ai-images-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#22c55e1a;border-bottom:1px solid var(--border-secondary);font-size:.875rem;font-weight:500;color:var(--text-primary)}.ai-images-header svg{color:#22c55e}.ai-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding:1rem}.ai-image-item{display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;border:1px solid var(--border-secondary)}.ai-image{width:100%;height:auto;max-height:200px;object-fit:contain;background-color:var(--surface-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.communication-hub__nav{display:flex;flex-direction:column;border-bottom:1px solid var(--border-secondary);background-color:var(--surface-secondary)}.communication-hub__tabs{display:flex;padding:0 1rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem;position:relative}.tab:hover{color:var(--text-primary);background-color:var(--surface-hover)}.tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600);background-color:var(--primary-50)}.tab:disabled{opacity:.5;cursor:not-allowed}.tab__conversation-title{font-size:.875rem;color:var(--text-tertiary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab__close-btn{margin-left:auto;padding:.25rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tab__close-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.communication-hub__search{padding:.5rem 1rem;border-top:1px solid var(--border-tertiary)}@media (max-width: 768px){.communication-hub__nav{border-bottom:1px solid var(--border-secondary)}.communication-hub__tabs{padding:0 .5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.communication-hub__tabs::-webkit-scrollbar{display:none}.tab{padding:.5rem .75rem;font-size:.813rem;white-space:nowrap}.communication-hub__search{padding:.5rem .75rem}.search-container{height:36px}.search-input{font-size:.875rem}.tab svg{width:18px;height:18px}.tab__conversation-title{max-width:150px;font-size:.813rem}}.communication-hub__content{display:flex;flex:1;overflow:hidden;overflow-x:hidden;position:relative}.communication-hub__content.chat-active{flex-direction:row}@media (max-width: 1024px){.communication-hub__content.chat-active .conversation-list{display:none}}.communication-hub__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--text-secondary)}.communication-hub__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--error-600)}.communication-hub__sidebar{width:280px;min-width:280px;border-left:1px solid var(--border-secondary);background-color:var(--surface-secondary);padding:1rem;overflow-y:auto;flex-shrink:0;transition:transform .3s ease}@media (max-width: 1200px){.communication-hub__sidebar{position:absolute;right:0;top:0;bottom:0;z-index:10;transform:translate(100%);box-shadow:-4px 0 12px #00000026}.communication-hub__sidebar.visible{transform:translate(0)}.communication-hub__content.chat-active .communication-hub__sidebar{display:none}}.quick-actions{margin-bottom:2rem}.quick-actions__title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.quick-actions__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9rem}.quick-actions__item:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}.quick-actions__item:disabled{opacity:.5;cursor:not-allowed}.recent-documents__title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.recent-documents__list{display:flex;flex-direction:column;gap:.5rem}.recent-documents__item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;transition:background-color .2s ease;cursor:pointer}.recent-documents__item:hover{background-color:var(--surface-hover)}.recent-documents__name{font-size:.85rem;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-documents__type{font-size:.75rem;color:var(--text-tertiary);text-transform:capitalize}.conversation-list{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.conversation-list__reload-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #667eea66;z-index:50;animation:slideDown .4s cubic-bezier(.16,1,.3,1);font-size:.875rem;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.conversation-list__reload-indicator svg{flex-shrink:0}.conversation-list__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .5rem}.conversation-list__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.conversation-list__items{flex:1;overflow-y:auto;padding:.75rem 1rem 1rem}.conversation-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--text-secondary);padding:1.5rem}.conversation-list__empty-icon{color:var(--text-tertiary);margin-bottom:1rem}.conversation-list__loading-icon{color:var(--color-ocean-blue);margin-bottom:1rem}.conversation-list__empty h3{margin:0 0 .5rem;color:var(--text-primary)}.conversation-list__empty p{margin:0 0 1.5rem}.conversation-item{display:flex;gap:1rem;padding:.875rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;margin-bottom:.5rem}.conversation-item:hover{background-color:var(--surface-hover);border-color:var(--border-secondary)}.conversation-item--unread{background-color:var(--primary-50);border-color:var(--primary-200)}.conversation-item--updated{animation:pulse-highlight 1.5s ease-in-out;background-color:var(--color-ocean-blue-50);border-color:var(--color-ocean-blue)}@keyframes pulse-highlight{0%,to{background-color:var(--surface-primary)}50%{background-color:var(--color-ocean-blue-50);border-color:var(--color-ocean-blue)}}.header-ws-status{margin-left:.5rem}.conversation-item--escalated{border-left:3px solid var(--warning-500);background-color:var(--warning-50)}.conversation-item--keyboard-selected{outline:2px solid var(--primary-600);outline-offset:-2px;background-color:var(--primary-50);box-shadow:0 2px 8px #1976d233}.conversation-item__icon{position:relative;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.conversation-item__icon svg{width:24px;height:24px}.conversation-icon{color:var(--text-secondary)}.conversation-icon--ai{color:var(--primary-600)}.conversation-icon--group{color:var(--info-600)}.conversation-icon--support{color:var(--warning-600)}.conversation-icon--direct{color:var(--text-secondary)}.conversation-item__escalation-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background-color:var(--warning-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.conversation-item__loading-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background-color:var(--color-ocean-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #0000001a;z-index:1}.conversation-item__loading-badge .spinning{width:14px;height:14px}.conversation-item__loading-indicator{display:inline-flex;align-items:center;color:var(--color-ocean-blue);margin-right:.25rem}.conversation-item__loading-indicator .spinning{width:12px;height:12px}.conversation-item--loading{opacity:.85}.conversation-item__content{flex:1;min-width:0}.conversation-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.conversation-item__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80vw}.conversation-item__meta{display:flex;align-items:center;gap:.5rem}.conversation-item__type{font-size:.75rem;color:var(--text-tertiary);text-transform:capitalize;margin-right:.5rem}.conversation-item__participants{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-tertiary)}.conversation-item__unread-badge{background-color:var(--primary-600);color:#fff;font-size:.813rem;font-weight:600;padding:.375rem .625rem;border-radius:14px;min-width:24px;text-align:center}.conversation-item__time{font-size:.8rem;color:var(--text-tertiary)}.conversation-item__context{margin-bottom:.25rem}.conversation-item__yacht{font-size:.85rem;color:var(--info-600);font-weight:500}.conversation-item__preview{margin-bottom:.5rem}.conversation-item__sender{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-right:.25rem}.conversation-item__message{font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;max-width:80vw;min-height:2em;line-height:1.4}@media (max-width: 768px){.conversation-item__title,.conversation-item__message{max-width:90vw}}.chat-view{flex:1;display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;background-color:#f0f2f5;width:100%;max-width:100%;height:100%;min-height:0}.communication-hub__content.chat-active .chat-view{width:100%;max-width:none}.chat-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--text-secondary);gap:1rem}.chat-view__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-secondary);background-color:var(--surface-secondary);min-height:56px;flex-shrink:0}.chat-view__header-info{display:flex;align-items:center;gap:1rem}.chat-view__avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-600)}.chat-view__title-section{display:flex;flex-direction:column;gap:.25rem}.chat-view__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.chat-view__context{font-size:.85rem;color:var(--info-600)}.chat-view__online-count{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--success-600);margin-top:.25rem}.chat-view__online-count svg{width:14px;height:14px}.chat-view__escalation-notice{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--warning-100);color:var(--warning-700);border-radius:6px;font-size:.85rem}.chat-view__messages{flex:1;overflow-y:auto!important;overflow-x:auto;padding:1rem;background:linear-gradient(to bottom,#f0f2f5,#e5ddd5);display:flex;flex-direction:column;gap:.5rem;min-height:0;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.chat-view__messages::-webkit-scrollbar{width:8px;height:8px}.chat-view__messages::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.chat-view__messages::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .2s ease}.chat-view__messages::-webkit-scrollbar-thumb:hover{background:#0000004d}.chat-view__loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.chat-view__loading-overlay--creating{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-view__loading-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.chat-view__loading-indicator--creating{padding:2.5rem 3rem;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(99,102,241,.1);box-shadow:0 12px 40px #6366f126}.loading-indicator__icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.loading-indicator__icon{position:absolute;color:var(--color-ocean-blue);opacity:.3;z-index:1}.loading-indicator__spinner{position:absolute;color:var(--color-ocean-blue);z-index:2;filter:drop-shadow(0 2px 8px rgba(99,102,241,.4))}.loading-indicator__content{text-align:center;display:flex;flex-direction:column;gap:.5rem}.loading-indicator__content h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.loading-indicator__content p{margin:0;font-size:.875rem;color:var(--text-secondary)}.loading-progress-dots{display:flex;gap:.375rem;justify-content:center;margin-top:.5rem}.loading-progress-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-ocean-blue);opacity:.4;animation:loadingDotPulse 1.4s ease-in-out infinite}.loading-progress-dots span:nth-child(1){animation-delay:0s}.loading-progress-dots span:nth-child(2){animation-delay:.2s}.loading-progress-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDotPulse{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-view__loading-indicator svg{color:#6366f1;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.chat-view__loading-indicator span{font-size:.938rem;font-weight:600;color:#475569;letter-spacing:.01em}.chat-input--disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-secondary)}.chat-input--disabled::placeholder{color:var(--text-tertiary)}.chat-view__loading-subtle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface-secondary);border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);font-size:.813rem;animation:fadeIn .2s ease;position:sticky;top:0;z-index:10}.chat-view__loading-subtle svg{color:var(--color-ocean-blue);opacity:.7}.chat-view__loading-subtle span{color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.chat-view__header{padding:.5rem .75rem;min-height:50px}.chat-view__messages{padding:.625rem;flex:1;min-height:0;gap:.375rem;overflow-y:auto!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.chat-view__input{flex-shrink:0;max-height:120px;padding:.375rem .625rem}}.message-bubble{width:85%;max-width:85%;margin-bottom:.15rem;display:flex;flex-direction:column;position:relative;animation:messageSlideIn .3s ease-out;overflow-x:hidden;overflow-y:visible;min-width:0;max-height:none}.message-bubble:has(.message-bubble--voice-container){max-width:max(85%,500px)}.message-wrapper--user .message-bubble--sent{align-self:flex-end;margin-left:0}.message-wrapper--ai .message-bubble--ai{align-self:flex-start;margin-right:0}.message-bubble--sent{align-self:flex-end;margin-left:auto}.message-bubble--received,.message-bubble--ai{align-self:flex-start;margin-right:auto}.message-bubble__content{background-color:#fff;border-radius:16px;padding:4px 12px 8px;position:relative;box-shadow:0 1px 2px #0000001a;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.4;overflow-x:hidden;overflow-y:visible;min-width:0;max-height:none}.message-bubble--sent .message-bubble__content{background-color:#dcf8c6;color:#000;margin-left:8px}.message-bubble--received .message-bubble__content,.message-bubble--ai .message-bubble__content{background-color:#e3f2fd;color:#000;border:1px solid #90caf9;margin-right:8px}.message-bubble__content:before{content:"";position:absolute;width:0;height:0;top:0}.message-bubble--sent .message-bubble__content:before{right:-8px;border-left:8px solid #dcf8c6;border-bottom:8px solid transparent;border-top:8px solid transparent}.message-bubble--received .message-bubble__content:before{left:-8px;border-right:8px solid #e3f2fd;border-bottom:8px solid transparent;border-top:8px solid transparent}.message-bubble--ai .message-bubble__content:before{left:-8px;border-right:8px solid #e3f2fd;border-bottom:8px solid transparent;border-top:8px solid transparent}.message-bubble__header{display:flex;align-items:center;gap:.5rem;margin-bottom:0;padding:0 4px}.message-bubble--sent .message-bubble__header{justify-content:flex-end}.message-bubble__sender{font-size:.8rem;font-weight:600;color:var(--primary-600)}.message-bubble--ai .message-bubble__sender,.message-bubble--received .message-bubble__sender{color:var(--info-600)}.message-bubble--sent .message-bubble__sender{color:#000000b3}.message-bubble__ai-badge{display:inline-flex;align-items:center;gap:.25rem;background-color:#1976d21a;color:var(--info-600);font-size:.7rem;padding:.125rem .375rem;border-radius:8px;font-weight:500}.message-bubble__text{font-size:.875rem;line-height:1.35;color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;overflow-y:visible;max-width:100%;max-height:none}.message-bubble--sent .message-bubble__text,.message-bubble--ai .message-bubble__text{color:#000}.message-bubble__text p{margin:0}.message-bubble__text p:not(:last-child){margin-bottom:.5rem}.message-bubble__footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;gap:.5rem;font-size:.75rem;color:var(--text-tertiary);padding:0 4px}.message-bubble__time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#00000073;margin-top:.25rem}.message-bubble--sent .message-bubble__time{color:#0009}.message-bubble--ai .message-bubble__time,.message-bubble--received .message-bubble__time{color:#00000080}.message-bubble__status{display:flex;align-items:center;gap:.25rem}.message-bubble__status-icon{color:var(--primary-500)}.message-bubble__status-icon--read{color:#4fc3f7}.message-bubble__status-icon--delivered{color:var(--text-tertiary)}.message-bubble__status-icon--pending{color:var(--warning-500)}.message-bubble__reactions{display:flex;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.message-reaction{display:flex;align-items:center;gap:.25rem;background-color:#ffffffe6;border:1px solid var(--border-secondary);border-radius:12px;padding:.125rem .375rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.message-reaction:hover{background-color:var(--surface-hover);transform:scale(1.05)}.message-reaction--active{background-color:var(--primary-100);border-color:var(--primary-300);color:var(--primary-600)}.message-bubble{position:relative}.message-bubble__actions{position:absolute;bottom:10px;right:13px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;background-color:#0000000d;border:none;border-radius:8px;box-shadow:none;z-index:10;transition:opacity .2s ease,visibility .2s ease,background-color .2s ease;pointer-events:auto;padding:.375rem;min-width:32px;min-height:32px;width:32px;height:32px}.message-bubble--sent .message-bubble__actions{bottom:4px;right:4px;left:auto;background-color:#00000014}.message-bubble--sent .message-bubble__actions:hover{background-color:#00000026}.message-bubble--received .message-bubble__actions,.message-bubble--ai .message-bubble__actions{bottom:4px;right:4px;left:auto;background-color:#0000000d}.message-bubble--received .message-bubble__actions:hover,.message-bubble--ai .message-bubble__actions:hover{background-color:#0000001f}.message-bubble:hover .message-bubble__actions,.message-bubble__actions--visible{opacity:1;visibility:visible;pointer-events:auto}.message-action{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;pointer-events:auto;z-index:11;min-width:24px;min-height:24px;width:24px;height:24px;color:#0009;flex-shrink:0}.message-bubble--sent .message-action{color:#000000b3}.message-bubble--received .message-action,.message-bubble--ai .message-action{color:#0009}.message-action:hover{color:#000000e6;transform:scale(1.1)}.message-action:active{transform:scale(.95)}.message-action svg{width:16px;height:16px}.message-actions-dropdown{position:absolute;bottom:calc(100% + 4px);top:auto;right:15px;background-color:#fff;border:1px solid var(--border-secondary);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:200;margin-bottom:0;margin-top:0;pointer-events:auto}.message-bubble--sent .message-actions-dropdown,.message-bubble--received .message-actions-dropdown,.message-bubble--ai .message-actions-dropdown{right:0;left:auto}.message-action-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--text-secondary);font-size:.875rem;transition:background-color .2s ease}.message-action-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.message-action-item:not(:last-child){border-bottom:1px solid var(--border-tertiary)}.system-message{align-self:center;margin:1rem 0;text-align:center}.system-message__content{background-color:#0000000d;color:var(--text-secondary);padding:.5rem 1rem;border-radius:16px;font-size:.85rem;display:inline-block}.date-separator{align-self:center;margin:1rem 0;text-align:center}.date-separator__content{background-color:#ffffffe6;color:var(--text-secondary);padding:.375rem .75rem;border-radius:12px;font-size:.8rem;border:1px solid var(--border-tertiary);display:inline-block}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.communication-hub__sidebar{display:none}}@media (max-width: 768px){.communication-hub__header{padding:.5rem .75rem}.communication-hub__title{font-size:1rem}.communication-hub__actions{gap:.375rem}.communication-hub__tabs{padding:0 .75rem}.tab{padding:.5rem .75rem;font-size:.85rem}.conversation-list__items{padding:0 .75rem .75rem}.chat-view__header{padding:.625rem .75rem}.chat-view__messages{padding:.625rem}.chat-view__input{padding:.5rem .75rem}}.chat-view__input{padding:.5rem 1rem;border-top:1px solid var(--border-secondary);background-color:var(--surface-secondary);flex-shrink:0}.chat-input-container{display:flex;align-items:flex-end;gap:.5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:.375rem .625rem;transition:border-color .2s ease,box-shadow .2s ease;min-height:42px}.chat-input-container--disabled{opacity:.6;background-color:#f5f5f5;border-color:#e0e0e0;cursor:not-allowed;pointer-events:none}.chat-view__input--disabled{opacity:.7;pointer-events:none}@media (max-width: 768px){.chat-view__input{padding:.5rem .75rem}.chat-input-container{min-height:42px;padding:.375rem .625rem}.chat-input{font-size:.9rem;padding:6px 0}}.chat-input-container:focus-within{border-color:var(--primary-300);box-shadow:0 0 0 2px #1976d21a}.chat-input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:.95rem;color:var(--text-primary);resize:none;min-height:20px;max-height:120px;line-height:1.4;padding:8px 0}.chat-input::placeholder{color:#9e9e9e}.chat-input-actions{display:flex;gap:.25rem;align-items:center}.chat-reply-preview{width:100%;margin-bottom:.5rem;animation:slide-down .2s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-reply-preview__content{background-color:var(--surface-secondary);border:1px solid var(--border-secondary);border-left:3px solid var(--primary-500);border-radius:8px;padding:.75rem;position:relative}.chat-reply-preview__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.75rem;font-weight:600;color:var(--primary-600)}.chat-reply-preview__close{margin-left:auto;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:4px;transition:all .2s ease}.chat-reply-preview__close:hover{background-color:var(--surface-hover);color:var(--text-primary)}.chat-reply-preview__text{font-size:.875rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.btn--icon.btn--ghost{background:none;border:none;color:#9e9e9e;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn--icon.btn--ghost:hover{background-color:#f5f5f5;color:var(--primary-600)}.btn--icon.btn--primary{background-color:var(--primary-600);color:#fff;border:none;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn--icon.btn--primary:hover:not(:disabled){background-color:var(--primary-700)}.btn--icon.btn--primary:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.message-sources{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.message-sources__title{font-size:.8rem;font-weight:600;margin:0 0 .5rem;color:var(--text-secondary)}.message-sources__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.message-sources__item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-tertiary);padding:.25rem .5rem;background-color:#00000008;border-radius:8px;transition:background-color .2s ease}.message-sources__item:hover{background-color:#0000000d;cursor:pointer}.chat-view__ai-notice{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8rem;color:var(--text-tertiary)}.btn--recording{background-color:var(--error-100)!important;color:var(--error-600)!important;border-color:var(--error-300)!important}@media (max-width: 768px){.message-bubble__actions{position:absolute;top:-60px;left:50%;transform:translate(-50%);background-color:#fff;border-radius:20px;padding:.75rem;box-shadow:0 4px 16px #00000040;min-width:64px;min-height:64px;width:64px;height:64px;z-index:100;pointer-events:auto}.message-bubble--sent .message-bubble__actions,.message-bubble--received .message-bubble__actions,.message-bubble--ai .message-bubble__actions{left:50%;right:auto;transform:translate(-50%)}.message-action{padding:0;border-radius:50%;min-width:56px;min-height:56px;width:56px;height:56px;pointer-events:auto;z-index:101}.message-action svg{width:24px;height:24px}.message-actions-dropdown{bottom:100%;top:auto;margin-bottom:4px;margin-top:0;left:50%;transform:translate(-50%);right:auto;z-index:200;pointer-events:auto}.message-bubble--received .message-bubble__actions,.message-bubble--ai .message-bubble__actions{left:50%;right:auto;transform:translate(-50%);margin-top:.75rem}.message-bubble__actions{display:flex;flex-wrap:wrap}.message-action{padding:.75rem;border-radius:50%;min-width:44px;min-height:44px;width:44px;height:44px}.message-actions-dropdown{bottom:100%;top:auto;margin-bottom:4px;margin-top:0;pointer-events:auto}.message-bubble__reactions{position:relative;margin-top:.75rem;flex-wrap:wrap;box-shadow:0 2px 8px #1976d233;z-index:5;background-color:transparent}.message-reaction{background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-secondary);box-shadow:0 2px 4px #0000001a;min-height:32px;padding:.25rem .5rem;font-size:.8rem}.message-reaction--active{background-color:var(--primary-100);border-color:var(--primary-400);color:var(--primary-700);font-weight:600;box-shadow:0 2px 8px #1976d233}}.chat-back-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background-color:var(--surface-primary);border-bottom:1px solid var(--border-tertiary);flex-wrap:nowrap;flex-shrink:0;min-height:42px}.chat-back-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chat-back-btn:hover{background-color:var(--surface-hover);border-color:var(--primary-400);color:var(--primary-600);transform:translate(-2px)}.chat-back-btn:active{transform:translate(0)}.chat-back-btn svg{flex-shrink:0}.chat-back-header .yacht-selector{margin-left:auto}@media (max-width: 768px){.chat-back-header{padding:.375rem .625rem;gap:.375rem}.chat-back-btn{padding:.25rem .5rem;font-size:.75rem;gap:.25rem}.chat-back-btn .w-4{width:14px;height:14px}}.chat-nav-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background-color:var(--surface-secondary);border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;flex-shrink:0}.chat-nav-header .mobile-back-btn{flex-shrink:0}.chat-nav-header .yacht-selector{margin-left:auto}@media (max-width: 768px){.chat-nav-header{padding:.5rem .75rem;gap:.5rem}}.chat-view__recording-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-md);margin-bottom:.5rem;animation:recording-fade-in .3s ease}@keyframes recording-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recording-pulse{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#ef444426;color:#ef4444;animation:pulse-animation 1.5s ease-in-out infinite;position:relative}.recording-pulse--clickable{cursor:pointer;transition:transform .2s ease,background-color .2s ease}.recording-pulse--clickable:hover{transform:scale(1.1);background-color:#ef444440}.recording-pulse--clickable:active{transform:scale(.95)}.recording-pulse--clickable:focus{outline:2px solid rgba(239,68,68,.5);outline-offset:2px}@keyframes pulse-animation{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}}.recording-duration{font-size:1rem;font-weight:600;color:#ef4444;font-variant-numeric:tabular-nums;letter-spacing:.5px}.recording-hint{flex:1;text-align:right;font-size:.875rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.chat-view__recording-indicator{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.recording-hint{flex-basis:100%;text-align:center;font-size:.75rem}}.message-bubble--voice-container{display:flex;width:350px;min-width:350px;flex-direction:column;gap:.875rem}.message-bubble--voice{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;min-width:320px;max-width:100%;width:100%;box-sizing:border-box}.voice-message__transcription{padding:.875rem 1rem;background-color:#fff9;border-radius:8px;border-left:3px solid var(--primary-500);margin-top:.25rem;box-shadow:0 1px 2px #0000000d}.transcription-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.25rem}.transcription-text{margin:0;font-size:.875rem;color:var(--text-primary);line-height:1.5;font-style:italic}.voice-message__play-btn{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background-color:var(--primary-500);color:#fff;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;box-shadow:0 2px 4px #0000001a}.voice-message__play-btn:hover:not(:disabled){background-color:var(--primary-600);transform:scale(1.05)}.voice-message__play-btn:active:not(:disabled){transform:scale(.95)}.voice-message__play-btn:disabled{cursor:not-allowed;opacity:.7}.voice-message__play-btn--loading{background-color:var(--primary-400);cursor:wait}.voice-message__play-btn--error{background-color:var(--error-500)}.voice-message__play-btn--error:hover{background-color:var(--error-600)}.voice-message__waveform{flex:1;min-width:0;height:5px;background-color:#0000001a;border-radius:3px;position:relative;overflow:hidden;margin:0 .75rem}.voice-message__progress{position:absolute;top:0;left:0;height:100%;background-color:var(--primary-500);border-radius:2px;transition:width .1s linear;box-shadow:0 0 2px #3b82f64d}.voice-message__progress--playing{background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-400) 100%);box-shadow:0 0 6px #3b82f699}.voice-message__duration{font-size:.938rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:4rem;text-align:right;flex-shrink:0;white-space:nowrap;letter-spacing:.02em}.voice-message__error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-md);color:var(--error-600);font-size:.75rem}.voice-message__error svg{flex-shrink:0}.message-bubble--voice{background-color:var(--surface-secondary);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05)}.message-bubble--sent .message-bubble--voice{background-color:#fffffff2;border-color:#00000014}.message-bubble--sent .message-bubble--voice .voice-message__duration{color:#000000b3}.message-bubble--sent .message-bubble--voice .voice-message__waveform{background-color:#0000001f}.message-bubble--received .message-bubble--voice,.message-bubble--ai .message-bubble--voice{background-color:#ffffffbf;border-color:#0000000f}.message-bubble--received .message-bubble--voice .voice-message__duration,.message-bubble--ai .message-bubble--voice .voice-message__duration{color:#000000a6}.message-bubble--received .message-bubble--voice .voice-message__waveform,.message-bubble--ai .message-bubble--voice .voice-message__waveform{background-color:#0000001a}@media (max-width: 768px){.message-bubble--voice-container{width:100%;min-width:100%;max-width:100%}.message-bubble--voice{min-width:280px;max-width:100%;width:100%;padding:1rem 1.25rem;gap:1rem}.voice-message__play-btn{width:2.5rem;height:2.5rem}.voice-message__waveform{height:3.5px;margin:0 .375rem}.voice-message__duration{font-size:.813rem;min-width:3rem}}.communication-container{display:flex;height:100%;overflow:hidden;overflow-x:hidden;width:100%}.conversations-sidebar{width:100%;flex:1;display:flex;flex-direction:column;border-right:none;background-color:var(--surface-secondary);overflow:hidden;overflow-x:hidden;transition:all .3s ease}.communication-container.has-chat .conversations-sidebar{width:280px;min-width:260px;max-width:320px;flex:0 0 auto;border-right:1px solid var(--border-secondary)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-secondary);background-color:var(--surface-primary);flex-wrap:wrap;gap:.75rem}.sidebar-header-left{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.sidebar-header-actions{display:flex;align-items:center;gap:.5rem}.sidebar-title{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.conversation-stats{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background-color:var(--surface-tertiary);color:var(--text-secondary);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--border-secondary)}.stat-badge--unread{background-color:var(--primary-100);color:var(--primary-700);border-color:var(--primary-300);font-weight:600;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 #1976d266}50%{box-shadow:0 0 0 4px #1976d200}}.refresh-btn{display:flex;align-items:center;justify-content:center;padding:.625rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-width:38px;min-height:38px}.refresh-btn:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--primary-400);color:var(--primary-600);transform:translateY(-1px)}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.new-conversation-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:var(--primary-600);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem;font-weight:500;min-width:fit-content;min-height:38px}.new-conversation-btn__text{display:inline-block}.new-conversation-btn:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:0 2px 8px #1976d24d}.new-conversation-btn:active{transform:translateY(0)}.search-container{position:relative;padding:.75rem 1.75rem .5rem;background-color:var(--surface-secondary);max-height:55px;display:flex;align-items:center}.search-icon{position:sticky;transform:translateY(-50%);color:var(--text-tertiary);width:18px;height:18px;pointer-events:none;z-index:1}.search-input{width:100%;padding:.625rem 2.75rem .625rem .75rem;border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);background-color:var(--surface-primary);color:var(--text-primary);font-size:.875rem;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px #1976d21a}.search-clear{position:absolute;right:2.25rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.search-clear:hover{background-color:var(--surface-hover);color:var(--text-primary)}.filter-tabs{display:flex;gap:.375rem;padding:.375rem 1rem;background-color:var(--surface-secondary);border-bottom:1px solid var(--border-tertiary);overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab svg{width:14px;height:14px}.filter-tab:hover{background-color:var(--surface-hover);border-color:var(--primary-300);color:var(--text-primary)}.filter-tab--active{background-color:var(--primary-600);border-color:var(--primary-600);color:#fff}.filter-tab--active:hover{background-color:var(--primary-700);border-color:var(--primary-700)}.sort-controls{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem .5rem;background-color:var(--surface-secondary);border-bottom:1px solid var(--border-tertiary)}.sort-label{font-size:.813rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.sort-select{flex:1;padding:.375rem .625rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.813rem;cursor:pointer;outline:none;transition:all .2s ease}.sort-select:hover{border-color:var(--primary-300)}.sort-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px #1976d21a}@media (max-width: 768px){.filter-tabs{padding:.5rem 1rem;gap:.375rem}.filter-tab{padding:.375rem .75rem;font-size:.813rem}.sort-controls{padding:.5rem 1rem;gap:.5rem}.sort-label{font-size:.813rem}.sort-select{font-size:.813rem;padding:.375rem .625rem}.active-filters{padding:.5rem 1rem}.active-filters__badges{flex-wrap:wrap;gap:.375rem}.filter-badge{font-size:.75rem;padding:.25rem .5rem}}.active-filters{padding:.375rem 1rem;background-color:#e3f2fd;border-bottom:1px solid var(--border-tertiary)}.active-filters__label{display:block;font-size:.688rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.active-filters__badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background-color:var(--primary-600);color:#fff;border-radius:10px;font-size:.75rem;font-weight:500}.filter-badge__remove{display:flex;align-items:center;justify-content:center;padding:.125rem;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.filter-badge__remove:hover{background:#ffffff4d;transform:scale(1.1)}.clear-all-filters{padding:.375rem .75rem;background-color:var(--error-500);color:#fff;border:none;border-radius:12px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-all-filters:hover{background-color:var(--error-600);transform:translateY(-1px)}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;background-color:var(--surface-primary);width:100%;max-width:100%;min-height:0;height:100%}.keyboard-hint{padding:.5rem 1rem;background:linear-gradient(135deg,#1976d20d,#42a5f50d);border-top:1px solid rgba(25,118,210,.1);text-align:center}.keyboard-hint__text{font-size:.813rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}kbd{display:inline-block;padding:.188rem .5rem;font-size:.75rem;font-family:monospace;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:4px;box-shadow:0 1px 2px #0000000d;color:var(--text-primary);font-weight:600}@media (max-width: 768px){.keyboard-hint{display:none}}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary)}.mobile-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-back-btn:hover{background-color:var(--surface-hover);border-color:var(--primary-400)}@media (min-width: 769px){.chat-view .mobile-back-btn{display:none}}.new-conversation-view{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--surface-primary)}.new-conversation-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border-secondary);background-color:var(--surface-secondary);flex-shrink:0}.new-conversation-header-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.new-conversation-close{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.new-conversation-close:hover{background-color:var(--surface-hover);color:var(--text-primary);transform:scale(1.05)}.new-conversation-close:active{transform:scale(.95)}.back-to-list-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background-color:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start;width:fit-content}.back-to-list-btn:hover{background-color:var(--surface-hover);border-color:var(--primary-400);color:var(--primary-600);transform:translate(-2px)}.back-to-list-btn:active{transform:translate(0)}.new-conversation-title{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.new-conversation-content{flex:1;padding:2rem;overflow-y:auto}.conversation-type-selection{margin-bottom:2.5rem}.conversation-type-title{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.conversation-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.conversation-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1.5rem;background-color:var(--surface-secondary);border:2px solid var(--border-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.conversation-type-card:hover{border-color:var(--primary-400);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.conversation-type-card:active{transform:translateY(-2px)}.conversation-type-card h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.conversation-type-card p{margin:0;font-size:.875rem;color:var(--text-secondary)}.conversation-type-card--loading,.conversation-type-card--disabled{opacity:.6;cursor:not-allowed}.conversation-type-card--loading:hover,.conversation-type-card--disabled:hover{transform:none;border-color:var(--border-secondary)}.yacht-conversations-section{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--border-secondary)}.yacht-conversations-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.yacht-conversations-subtitle{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.loading-state svg{color:var(--primary-600)}.empty-state svg{color:var(--text-tertiary)}.empty-state p:first-of-type{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0}.empty-state p:last-of-type{margin:0}@media (max-width: 768px){.new-conversation-view{height:100%;min-height:100%;display:flex;flex-direction:column;overflow-y:auto}.new-conversation-header{padding:1rem;gap:.75rem;flex-direction:row;flex-shrink:0}.new-conversation-header-content{gap:.5rem}.back-to-list-btn{padding:.5rem .75rem;font-size:.813rem}.back-to-list-btn .w-4{width:14px;height:14px}.new-conversation-title{font-size:1.25rem}.new-conversation-content{padding:1rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.loading-state,.empty-state{padding:2rem 1rem}.conversation-type-grid{grid-template-columns:1fr;gap:1rem}.conversation-type-card{padding:1.25rem}}.yacht-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.yacht-card{padding:1.5rem;background-color:var(--surface-secondary);border:2px solid var(--border-secondary);border-radius:var(--border-radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.yacht-card:hover{border-color:var(--primary-300);box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.yacht-info{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.yacht-info svg{flex-shrink:0;margin-top:.125rem}.yacht-info h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.3}.yacht-info p{margin:0;font-size:.875rem;color:var(--text-secondary)}.yacht-actions{display:flex;gap:.75rem}.btn-ai,.btn-support{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-ai{background-color:var(--primary-600);color:#fff}.btn-ai:hover{background-color:var(--primary-700);transform:translateY(-2px);box-shadow:0 4px 8px #1976d24d}.btn-ai:active{transform:translateY(0)}.btn-support{background-color:var(--warning-500);color:#fff}.btn-support:hover{background-color:var(--warning-600);transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d}.btn-support:active{transform:translateY(0)}.btn-refresh-yachts{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1rem;background-color:var(--primary-600);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-refresh-yachts:hover{background-color:var(--primary-700);transform:translateY(-2px);box-shadow:0 4px 8px #1976d24d}.btn-refresh-yachts:active{transform:translateY(0)}@media (max-width: 768px){.yacht-list{grid-template-columns:1fr;gap:1rem}.yacht-card{padding:1.25rem}.yacht-info{margin-bottom:1rem}.yacht-info h3{font-size:1rem}.yacht-actions{flex-direction:column;gap:.625rem}.btn-ai,.btn-support{padding:.625rem .875rem;font-size:.875rem}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--error-600);gap:1rem}.error-message button{padding:.5rem 1rem;background-color:var(--primary-600);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem}.error-message button:hover{background-color:var(--primary-700)}@media (max-width: 1024px){.conversations-sidebar.hidden-mobile,.chat-main.hidden-mobile{display:none}}@media (max-width: 768px){.communication-container{flex-direction:column}.conversations-sidebar{width:100%;min-width:100%;max-width:100%;border-right:none;border-bottom:1px solid var(--border-secondary)}.conversations-sidebar.hidden-mobile,.chat-main.hidden-mobile,.communication-container.showing-new-conversation .conversations-sidebar{display:none}.communication-container.showing-new-conversation .chat-main{width:100%;max-width:100%;flex:1;min-height:0}.sidebar-header{padding:.75rem 1rem;gap:.5rem}.sidebar-header-left{gap:.375rem}.sidebar-title{font-size:1.1rem}.sidebar-title .w-5{width:18px;height:18px}.conversation-stats{gap:.375rem}.stat-badge{font-size:.688rem;padding:.188rem .5rem}.sidebar-header-actions{gap:.375rem}.refresh-btn,.new-conversation-btn{padding:.5rem;min-width:36px;min-height:36px}.new-conversation-btn{gap:0;padding:.5rem}.new-conversation-btn__text{display:none}.refresh-btn .w-4,.new-conversation-btn .w-5{width:18px;height:18px}.search-container{padding:.75rem 1rem}.mobile-back-btn{display:flex}}@media (min-width: 769px){.chat-main .mobile-back-btn{display:none}}.chat-view__error{display:flex;align-items:center;gap:.75rem;padding:1rem;margin:1rem;background-color:var(--error-50);border:1px solid var(--error-200);border-radius:8px;color:var(--error-700);font-size:.875rem}.chat-view__error svg{flex-shrink:0;color:var(--error-600)}.chat-view__error span{flex:1}.error-dismiss-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--error-600);cursor:pointer;transition:all .2s ease;flex-shrink:0}.error-dismiss-btn:hover{background-color:var(--error-100);color:var(--error-700)}.error-dismiss-btn:active{transform:scale(.95)}.message-wrapper{display:flex;flex-direction:column;animation:messageSlideIn .2s cubic-bezier(.16,1,.3,1);transform-origin:left center;overflow-x:hidden;overflow-y:visible;min-width:0;width:85%;max-width:85%;max-height:none;height:auto;flex-shrink:0;margin-bottom:.15rem}.message-wrapper--optimistic{animation:messageSlideIn .1s cubic-bezier(.16,1,.3,1)}.message-wrapper--user{align-self:flex-end;align-items:flex-end;animation:messageSlideInRight .2s cubic-bezier(.16,1,.3,1);transform-origin:right center;overflow-y:visible;max-height:none;height:auto;flex-shrink:0;margin-left:auto}.message-wrapper--user.message-wrapper--optimistic{animation:messageSlideInRight .1s cubic-bezier(.16,1,.3,1)}.message-wrapper--ai{align-self:flex-start;align-items:flex-start;overflow-y:visible;max-height:none;height:auto;flex-shrink:0;margin-right:auto}.message-wrapper .message-bubble,.message-wrapper .message-bubble__content,.message-wrapper .message-bubble__text{overflow-y:visible!important;max-height:none!important}.message-wrapper pre,.message-wrapper--user pre,.message-wrapper--ai pre{overflow-y:visible!important;max-height:none!important;overflow-x:auto}.message-wrapper--optimistic{opacity:.7;position:relative;overflow-y:visible;max-height:none;height:auto;flex-shrink:0}.message-wrapper--optimistic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),transparent);animation:shimmer 2s infinite;pointer-events:none;border-radius:12px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.message-sending-indicator{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;margin-top:.25rem;margin-right:.5rem;align-self:flex-end}.message-sending-indicator .spinning{color:#6366f1}.message-status-indicator{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#9ca3af;margin-top:.25rem;margin-right:.5rem;align-self:flex-end}.message-status-indicator svg{width:12px;height:12px;color:#10b981}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes messageSlideInRight{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.ai-welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;min-height:500px;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1)}.ai-welcome-screen__hero{text-align:center;margin-bottom:3rem;max-width:600px}.ai-welcome-screen__icon{width:96px;height:96px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 40px #667eea4d;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ai-welcome-screen__hero h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.ai-welcome-screen__hero p{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin:0}.ai-welcome-screen__questions{width:100%;max-width:900px;margin-bottom:2rem}.ai-welcome-screen__questions h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 1.5rem;text-align:center;text-transform:uppercase;letter-spacing:.05em}.ai-welcome-screen__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;width:100%}.ai-question-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--surface-tertiary);border:2px solid var(--border-primary);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.ai-question-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:#667eea;background:var(--surface-secondary)}.ai-question-card:active:not(:disabled){transform:translateY(-2px)}.ai-question-card:disabled{opacity:.5;cursor:not-allowed}.ai-question-card__icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center;color:#667eea;transition:all .3s ease}.ai-question-card:hover:not(:disabled) .ai-question-card__icon{background:linear-gradient(135deg,#667eea33,#764ba233);transform:scale(1.1)}.ai-question-card__content{flex:1;display:flex;flex-direction:column;gap:.375rem}.ai-question-card__content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.ai-question-card__content p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.ai-welcome-screen__footer{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.875rem;margin-top:1rem}.ai-welcome-screen__footer svg{color:#667eea}@media (max-width: 768px){.ai-welcome-screen{padding:2rem 1rem;min-height:400px}.ai-welcome-screen__hero{margin-bottom:2rem}.ai-welcome-screen__icon{width:80px;height:80px}.ai-welcome-screen__hero h2{font-size:1.5rem}.ai-welcome-screen__hero p{font-size:1rem}.ai-welcome-screen__grid{grid-template-columns:1fr;gap:.75rem}.ai-question-card{padding:1rem}.ai-question-card__icon{width:40px;height:40px}}.ai-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ai-welcome-icon{position:relative;margin-bottom:1.5rem}.ai-welcome-icon>svg:first-child{color:#6366f1;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3))}.ai-welcome-sparkle{position:absolute;top:-8px;right:-8px;color:#fbbf24;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.7}}.ai-welcome h4{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-welcome p{margin:0 0 2rem;font-size:1rem;color:var(--text-secondary);max-width:500px;line-height:1.6}.suggested-questions{width:100%;max-width:600px}.suggested-questions h5{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.suggested-question{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;margin-bottom:.75rem;background-color:var(--surface-secondary);border:2px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);font-size:.9375rem;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.suggested-question:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,rgba(99,102,241,.1),transparent);transition:width .3s ease}.suggested-question:hover:before{width:100%}.suggested-question:hover{border-color:#6366f1;transform:translate(4px);box-shadow:0 4px 12px #6366f126}.suggested-question svg{flex-shrink:0;color:#6366f1;z-index:1}.suggested-question:active{transform:translate(2px);box-shadow:0 2px 6px #6366f133}.ai-message-container{animation:messageSlideIn .4s cubic-bezier(.16,1,.3,1)}.message-bubble--streaming{position:relative;overflow:hidden}.message-bubble--streaming:after{content:"";position:absolute;bottom:8px;right:12px;width:8px;height:12px;background-color:#6366f1;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.ai-suggested-questions{margin:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;animation:fadeIn .5s ease}.ai-suggested-questions__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;color:#475569}.ai-suggested-questions__header svg{color:#667eea;flex-shrink:0}.ai-suggested-questions__header h4{margin:0;font-size:.938rem;font-weight:600}.ai-suggested-questions__grid{display:grid;gap:.75rem}.ai-suggested-question{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;color:#475569;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.ai-suggested-question:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(102,126,234,.05),transparent);transition:width .3s ease}.ai-suggested-question:hover:not(:disabled):before{width:100%}.ai-suggested-question:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translate(6px);box-shadow:0 4px 12px #667eea26}.ai-suggested-question:active:not(:disabled){transform:translate(3px)}.ai-suggested-question:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.ai-suggested-question svg{flex-shrink:0;color:#667eea;z-index:1}@media (max-width: 768px){.ai-suggested-questions{margin:1rem;padding:1rem}.ai-suggested-questions__grid{gap:.625rem}.ai-suggested-question{padding:.75rem .875rem;font-size:.813rem}}.ai-suggested-questions--initial{animation:slideInUp .6s cubic-bezier(.16,1,.3,1)}.ai-suggested-questions--followup{margin:1rem 1.5rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px dashed #fbbf24;animation:slideInUp .5s cubic-bezier(.16,1,.3,1)}.ai-suggested-questions--followup .ai-suggested-questions__header{color:#92400e}.ai-suggested-questions--followup .ai-suggested-questions__header svg{color:#f59e0b}.ai-suggested-questions__grid--compact{display:flex;flex-wrap:wrap;gap:.5rem}.ai-suggested-question--compact{padding:.625rem 1rem;font-size:.813rem;border-radius:20px;flex:0 1 auto}.ai-suggested-question--compact:hover:not(:disabled){transform:translateY(-2px)}.chat-starters{margin:2rem 1.5rem;padding:2rem;text-align:center;animation:fadeIn .6s ease}.chat-starters__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.chat-starters__header svg{color:#6366f1;opacity:.7}.chat-starters__header h4{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.chat-starters__header p{margin:0;font-size:.875rem;color:#64748b}.chat-starters__suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.chat-starter-chip{padding:.75rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:24px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f14d}.chat-starter-chip:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.chat-starter-chip:active{transform:translateY(-1px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.chat-starters{margin:1rem;padding:1.5rem}.ai-suggested-questions--followup{margin:1rem;padding:.875rem}.chat-starter-chip{padding:.625rem 1rem;font-size:.813rem}}.bookings-management{padding:var(--spacing-6);max-width:1600px;margin:0 auto}.bookings-management-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.bookings-management-loading__spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--color-ocean-blue)}.bookings-management-loading__icon,.spinning{animation:spin 1s linear infinite}.bookings-sync-message{margin-bottom:var(--spacing-4)}.page-header{margin-bottom:var(--spacing-6)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);flex-wrap:wrap}.header-text{flex:1;min-width:300px}.page-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-ocean-blue);margin:0 0 var(--spacing-2) 0}.page-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.header-actions{display:flex;gap:var(--spacing-3);align-items:center}.bookings-filters{margin-bottom:var(--spacing-4)}.bookings-table{box-shadow:var(--shadow-md);border-radius:var(--radius-lg);overflow:hidden}.booking-row-expanded{background-color:var(--color-gray-50)}.stage-icon{transition:all .2s ease}.stage-icon--clickable:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.stage-icon--completed{opacity:1}.stage-icon--overdue{animation:pulse 2s infinite}@media (max-width: 768px){.bookings-management{padding:var(--spacing-4)}.page-title{font-size:var(--font-size-xl)}.header-content{flex-direction:column}.header-actions,.header-actions .btn{width:100%}}.bookings-mobile-cards{display:flex;flex-direction:column;gap:var(--spacing-3)}.booking-mobile-card{box-shadow:var(--shadow-md);border-radius:var(--radius-lg);transition:box-shadow .2s ease}.booking-mobile-card:hover{box-shadow:var(--shadow-lg)}.booking-mobile-card .MuiCardContent-root:last-child{padding-bottom:16px}@media (max-width: 640px){.bookings-table button,.bookings-table .MuiIconButton-root{min-width:44px;min-height:44px}.stage-icon{min-width:40px;min-height:40px}}.bookings-error{margin-bottom:var(--spacing-4)}.empty-state{display:flex;justify-content:center;align-items:center;min-height:300px;padding:var(--spacing-8)}.empty-state-icon{color:var(--color-gray-400);margin-bottom:var(--spacing-4)}.MuiCollapse-root{transition:height .3s cubic-bezier(.4,0,.2,1)!important}.charter-notes-section{border-left:3px solid var(--color-ocean-blue);padding-left:var(--spacing-3)}.stage-progress-section{border-left:3px solid var(--color-sage-green);padding-left:var(--spacing-3)}@media print{.header-actions,.bookings-filters,.stage-icon--clickable{display:none!important}.bookings-table{box-shadow:none}}.booking-stages-detail{padding:1.5rem;max-width:1200px;margin:0 auto}.detail-header{margin-bottom:2rem}.header-actions{margin-bottom:1rem}.back-button{display:flex;align-items:center;gap:.5rem}.booking-info .page-title{font-weight:600;color:var(--ocean-blue);margin-bottom:.5rem}.booking-summary-card{margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.summary-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.summary-icon{width:24px;height:24px;color:var(--ocean-blue)}.progress-summary{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--light-gray)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-bar{height:8px;border-radius:4px;margin-bottom:1rem}.progress-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{text-align:center}.stages-timeline-card{border-radius:12px;box-shadow:0 2px 8px #0000001a}.stages-timeline{position:relative}.timeline-item{display:flex;gap:1rem;margin-bottom:1rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.timeline-dot.overdue{border:3px solid var(--coral-red)}.timeline-line{width:2px;height:60px;background-color:var(--light-gray);margin-top:.5rem}.stage-accordion{flex:1;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;margin-bottom:.5rem!important}.stage-accordion.Mui-expanded{box-shadow:0 4px 12px #00000026!important}.stage-summary{padding:1rem 1.5rem!important;min-height:auto!important}.stage-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:1rem}.stage-title{display:flex;align-items:flex-start;gap:1rem;flex:1}.stage-icon{width:24px;height:24px;color:var(--ocean-blue);margin-top:.25rem}.stage-status{display:flex;gap:.5rem;flex-wrap:wrap}.stage-details{display:flex;gap:2rem;flex-wrap:wrap;margin-top:.5rem}.detail-item{min-width:120px}.stage-details-content{padding:1.5rem!important;background-color:#f8fafc}.stage-status-icon{width:20px;height:20px;color:#fff}.stage-status-icon.completed,.stage-status-icon.in-progress,.stage-status-icon.pending,.stage-status-icon.overdue{color:#fff}.stage-metadata{margin-bottom:1.5rem}.metadata-field{padding:1rem;border-radius:8px;background-color:#fff}.evidence-files{margin-top:1rem}.evidence-list{display:flex;flex-direction:column;gap:.5rem}.evidence-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;background-color:#fff}.evidence-info{flex:1}.evidence-actions{display:flex;gap:.25rem}.stage-actions{display:flex;gap:1rem;margin-top:1rem}@media (max-width: 768px){.booking-stages-detail{padding:1rem}.stage-header{flex-direction:column;gap:1rem}.stage-title{align-items:center}.stage-details{flex-direction:column;gap:1rem}.progress-stats{gap:1rem}.timeline-item{flex-direction:column;gap:.5rem}.timeline-marker{flex-direction:row;width:100%}.timeline-line{width:100%;height:2px;margin-top:0;margin-left:.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.error-alert{margin:2rem;border-radius:8px}.alert-icon{width:20px;height:20px}.button-icon{width:16px;height:16px}.yacht-timeline-scheduler{padding:32px;background:linear-gradient(135deg,#f8fafc,#fff);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scheduler-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.scheduler-title{display:flex;align-items:center;gap:12px;flex:1;min-width:300px}.scheduler-title h1{font-size:36px;font-weight:600;color:#1e3a8a;margin:0;line-height:1.2}.scheduler-title .page-subtitle{color:#64748b;font-size:14px;margin:4px 0 0;font-weight:400}.page-title-icon{color:#1e3a8a;flex-shrink:0}.scheduler-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.view-mode-selector{display:flex;gap:0;background-color:#f1f5f9;border-radius:12px;padding:4px;box-shadow:0 1px 3px #0000001a}.view-mode-selector .btn{border-radius:8px;font-size:14px;font-weight:600;padding:10px 20px;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:70px;background-color:transparent;color:#64748b}.view-mode-selector .btn--primary{background-color:#1e3a8a;color:#fff;box-shadow:0 2px 4px #1e3a8a33}.scheduler-navigation{display:flex;gap:8px}.scheduler-navigation .btn{font-size:14px;font-weight:500;padding:10px 16px;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;color:#1e3a8a;transition:all .2s cubic-bezier(.4,0,.2,1)}.scheduler-navigation .btn:hover{background-color:#f8fafc;border-color:#1e3a8a;transform:translateY(-1px)}.scheduler-timeline{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-bottom:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.scheduler-timeline .scheduler_default_main{border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scheduler-timeline .scheduler_default_rowheader{background:linear-gradient(135deg,#dbeafe,#f8fafc);border-right:1px solid #e2e8f0;color:#1e3a8a;font-weight:600;font-size:14px}.scheduler-timeline .scheduler_default_rowheader_inner{padding:16px;display:flex;align-items:center;gap:8px}.scheduler-timeline .scheduler_default_timeheader{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;font-weight:600;border-bottom:1px solid #3b82f6;font-size:13px}.scheduler-timeline .scheduler_default_timeheadercol{border-right:1px solid #3b82f6}.scheduler-timeline .scheduler_default_cell{border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;background-color:#fff;transition:background-color .15s ease}.scheduler-timeline .scheduler_default_cell:hover{background-color:#f0f9ff}.scheduler-timeline .scheduler_default_event{border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1)}.scheduler-timeline .scheduler_default_event:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.scheduler-timeline .scheduler_default_event_inner{padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduler-timeline .scheduler_default_selected{background-color:#dbeafe!important;border:2px solid #1e3a8a!important;box-shadow:0 0 0 4px #1e3a8a1a!important}.scheduler-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:32px}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px);border-color:#cbd5e1}.stat-card svg{color:#1e3a8a;flex-shrink:0}.stat-card div{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:20px;font-weight:700;color:#1e3a8a;line-height:1.2}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center;min-height:400px}.error-message{color:#dc2626;font-size:18px;font-weight:500;margin-bottom:16px}@media (max-width: 768px){.yacht-timeline-scheduler{padding:16px}.scheduler-header{flex-direction:column;align-items:stretch;gap:16px}.scheduler-title{min-width:auto;text-align:center}.scheduler-title h1{font-size:28px}.scheduler-controls{justify-content:center;flex-wrap:wrap}.view-mode-selector{order:1;width:100%;justify-content:center}.scheduler-navigation{order:2;justify-content:center}.scheduler-timeline{overflow-x:auto;border-radius:12px}.scheduler-stats{grid-template-columns:1fr}.stat-card{justify-content:center;text-align:center;padding:20px}}@media (max-width: 480px){.scheduler-title h1{font-size:24px}.view-mode-selector .btn{flex:1;min-width:auto;padding:8px 16px}.scheduler-navigation{width:100%}.scheduler-navigation .btn{flex:1;padding:8px 12px}.stat-card{padding:16px}}@media (prefers-color-scheme: dark){.yacht-timeline-scheduler{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.scheduler-timeline{background-color:#1e293b;border-color:#475569}.scheduler-timeline .scheduler_default_rowheader{background:linear-gradient(135deg,#334155,#1e293b);color:#f8fafc;border-color:#475569}.scheduler-timeline .scheduler_default_cell{background-color:#1e293b;border-color:#334155}.scheduler-timeline .scheduler_default_cell:hover{background-color:#334155}.stat-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.view-mode-selector{background-color:#334155}.scheduler-navigation .btn{background-color:#1e293b;border-color:#475569;color:#f8fafc}}.scheduler-timeline .scheduler_default_event.status-confirmed{background:linear-gradient(135deg,#059669,#047857);border-color:#065f46;color:#fff}.scheduler-timeline .scheduler_default_event.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309;color:#fff}.scheduler-timeline .scheduler_default_event.status-cancelled{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#c2410c;color:#fff}.scheduler-timeline .scheduler_default_event.status-completed{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#155e75;color:#fff}.scheduler-timeline .scheduler_default_event.status-checked_in{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#166534;color:#fff}.scheduler-timeline .scheduler_default_event.status-checked_out{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff}.explorer_main:not(.default){--dp-scheduler-border-color: #e2e8f0;--dp-scheduler-border-inner-color: #e2e8f0;--dp-scheduler-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dp-scheduler-font-size: 13px;--dp-scheduler-header-color: #1e3a8a;--dp-scheduler-header-bg-color: linear-gradient(135deg, #dbeafe 0%, #f8fafc 100%);--dp-scheduler-message-padding: 16px;--dp-scheduler-message-bg-color: #f59e0b;--dp-scheduler-message-color: #ffffff;--dp-scheduler-grid-line-color: #f1f5f9;--dp-scheduler-event-color: #1e293b;--dp-scheduler-event-border-color: rgba(0, 0, 0, .08);--dp-scheduler-event-border-radius: 8px;--dp-scheduler-event-padding: 8px;--dp-scheduler-event-bar-bg-color: #3b82f6;--dp-scheduler-event-bar-color: #1e3a8a;--dp-scheduler-event-bar-left: 0px;--dp-scheduler-event-bar-right: 0px;--dp-scheduler-event-bar-top: 0px;--dp-scheduler-event-bar-height: 4px;--dp-scheduler-event-bar-display: block;--dp-scheduler-cell-bg-color: #ffffff;--dp-scheduler-cell-business-bg-color: #ffffff;--dp-scheduler-event-vertical-align: center;--dp-scheduler-event-horizontal-align: flex-start;--dp-scheduler-rowheader-padding: 16px;--dp-scheduler-rowheader-vertical-align: center;--dp-scheduler-timeheader-padding: 12px;--dp-scheduler-timeheader-horizontal-align: center;--dp-scheduler-timeheader-vertical-align: center;--dp-scheduler-event-bg-top-color: #ffffff;--dp-scheduler-event-bg-bottom-color: #f8fafc}.explorer_main{--dp-scheduler-border-color: #e2e8f0;--dp-scheduler-border-inner-color: #f1f5f9;--dp-scheduler-cell-bg-color: #ffffff;--dp-scheduler-cell-business-bg-color: #ffffff;--dp-scheduler-event-background: linear-gradient(to bottom, var(--dp-scheduler-event-bg-top-color) 0%, var(--dp-scheduler-event-bg-bottom-color) 100%);--dp-scheduler-event-bg-bottom-color: #f8fafc;--dp-scheduler-event-bg-top-color: #ffffff;--dp-scheduler-event-bar-bg-color: #3b82f6;--dp-scheduler-event-bar-color: #1e3a8a;--dp-scheduler-event-bar-display: block;--dp-scheduler-event-bar-height: 4px;--dp-scheduler-event-bar-left: 0px;--dp-scheduler-event-bar-right: 0px;--dp-scheduler-event-bar-top: 0px;--dp-scheduler-event-border: 1px solid var(--dp-scheduler-event-border-color);--dp-scheduler-event-border-color: rgba(0, 0, 0, .08);--dp-scheduler-event-border-radius: 8px;--dp-scheduler-event-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--dp-scheduler-event-color: #1e293b;--dp-scheduler-event-horizontal-align: flex-start;--dp-scheduler-event-milestone-color: #059669;--dp-scheduler-event-padding: 8px;--dp-scheduler-event-selected-bg-color: #dbeafe;--dp-scheduler-event-vertical-align: center;--dp-scheduler-focus-outline-color: #1e3a8a;--dp-scheduler-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dp-scheduler-font-size: 13px;--dp-scheduler-grid-line-break-color: #64748b;--dp-scheduler-grid-line-color: #f1f5f9;--dp-scheduler-header-bg-color: linear-gradient(135deg, #dbeafe 0%, #f8fafc 100%);--dp-scheduler-header-color: #1e3a8a;--dp-scheduler-link-color: #dc2626;--dp-scheduler-message-bg-color: #f59e0b;--dp-scheduler-message-color: #ffffff;--dp-scheduler-message-padding: 16px;--dp-scheduler-rowheader-padding: 16px;--dp-scheduler-rowheader-vertical-align: center;--dp-scheduler-selectionrectangle-color: #1e3a8a;--dp-scheduler-shadow-border-color: #94a3b8;--dp-scheduler-shadow-color: #cbd5e1;--dp-scheduler-timeheader-horizontal-align: center;--dp-scheduler-timeheader-padding: 12px;--dp-scheduler-timeheader-vertical-align: center}.explorer_selected .explorer_event_inner{background:var(--dp-scheduler-event-selected-bg-color);box-shadow:0 0 0 2px #1e3a8a}.explorer_timeheader_scroll{background:var(--dp-scheduler-header-bg-color)}.explorer_message{opacity:.95;padding:var(--dp-scheduler-message-padding);color:var(--dp-scheduler-message-color);background:var(--dp-scheduler-message-bg-color);border-radius:8px;font-weight:500}.explorer_timeheadergroup,.explorer_timeheadercol,.explorer_rowheader,.explorer_corner{color:var(--dp-scheduler-header-color);background:var(--dp-scheduler-header-bg-color);font-weight:600}.explorer_rowheader.explorer_rowheader_selected{background-color:#aaa;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px}.explorer_rowheader_inner{position:absolute;left:0;right:0;top:0;bottom:0;border-right:1px solid var(--dp-scheduler-border-inner-color);padding:var(--dp-scheduler-rowheader-padding);display:flex;align-items:var(--dp-scheduler-rowheader-vertical-align)}.explorer_timeheadergroup_inner,.explorer_timeheadercol_inner{position:absolute;left:0;right:0;top:0;bottom:0;border-right:1px solid var(--dp-scheduler-border-color)}.explorer_timeheadergroup_inner{border-bottom:1px solid var(--dp-scheduler-border-color)}.explorer_timeheadergroup_inner,.explorer_timeheadercol_inner,.explorer_timeheader_float{display:flex;align-items:var(--dp-scheduler-timeheader-vertical-align);justify-content:var(--dp-scheduler-timeheader-horizontal-align);padding:var(--dp-scheduler-timeheader-padding)}.explorer_divider,.explorer_splitter,.explorer_divider_horizontal{background-color:var(--dp-scheduler-border-color)}.explorer_matrix_vertical_line{background-color:var(--dp-scheduler-grid-line-color)}.explorer_matrix_vertical_break{background-color:var(--dp-scheduler-grid-line-break-color)}.explorer_matrix_horizontal_line{background-color:var(--dp-scheduler-grid-line-color)}.explorer_resourcedivider{background-color:var(--dp-scheduler-border-color)}.explorer_shadow_inner{box-sizing:border-box;background-color:var(--dp-scheduler-shadow-color);border:1px solid var(--dp-scheduler-shadow-border-color);border-radius:var(--dp-scheduler-event-border-radius);opacity:.5;height:100%}.explorer_shadow{box-shadow:0 2px 5px #0003;border-radius:var(--dp-scheduler-event-border-radius)}.explorer_event{font-size:var(--dp-scheduler-font-size);color:var(--dp-scheduler-event-color);border-radius:var(--dp-scheduler-event-border-radius);box-shadow:var(--dp-scheduler-event-box-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.explorer_event_inner{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--dp-scheduler-event-border-radius);padding:var(--dp-scheduler-event-padding);overflow:hidden;border:var(--dp-scheduler-event-border);display:flex;align-items:var(--dp-scheduler-event-vertical-align);justify-content:var(--dp-scheduler-event-horizontal-align);background:var(--dp-scheduler-event-background);font-weight:500}.explorer_event_bar{display:var(--dp-scheduler-event-bar-display);top:var(--dp-scheduler-event-bar-top);left:var(--dp-scheduler-event-bar-left);right:var(--dp-scheduler-event-bar-right);height:var(--dp-scheduler-event-bar-height);background-color:var(--dp-scheduler-event-bar-bg-color)}.explorer_event_bar_inner{position:absolute;height:var(--dp-scheduler-event-bar-height);background-color:var(--dp-scheduler-event-bar-color)}.explorer_event_float{display:flex;align-items:center}.explorer_event_float_inner{padding:var(--dp-scheduler-event-padding) var(--dp-scheduler-event-padding) var(--dp-scheduler-event-padding) 8px;position:relative}.explorer_event_float_inner:after{content:"";border-color:transparent #666 transparent transparent;border-style:solid;border-width:5px;width:0;height:0;position:absolute;top:calc(50% - 5px);left:-4px}.explorer_event_focus{outline:var(--dp-scheduler-focus-outline-color) 2px solid;z-index:100;opacity:.5}.explorer_columnheader_inner{font-weight:700}.explorer_columnheader_splitter{box-sizing:border-box;border-right:1px solid var(--dp-scheduler-border-color)}.explorer_columnheader_splitter:hover{background-color:var(--dp-scheduler-border-color)}.explorer_columnheader_cell_inner{position:absolute;left:0;right:0;top:0;bottom:0;padding:2px;display:flex;align-items:center}.explorer_cell{background-color:var(--dp-scheduler-cell-bg-color);transition:background-color .15s ease}.explorer_cell.explorer_cell_business{background-color:var(--dp-scheduler-cell-business-bg-color)}.explorer_cell.explorer_cell_business.explorer_cell_selected,.explorer_cell.explorer_cell_selected{background-color:#f0f9ff;background-image:linear-gradient(45deg,rgba(30,58,138,.1) 25%,transparent 25%,transparent 50%,rgba(30,58,138,.1) 50%,rgba(30,58,138,.1) 75%,transparent 75%,transparent);background-size:20px 20px}.explorer_tree_image_expand{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J0wgMS41IDAuNSBMIDYuNSA1IEwgMS41IDkuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6Izk5OTk5OTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=)}.explorer_tree_image_collapse{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMS41IEwgNSA2LjUgTCA5LjUgMS41JyBzdHlsZT0nZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbGluZWNhcDpidXR0JyAvPjwvc3ZnPg==)}.explorer_event_delete{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTInIGhlaWdodD0nMTInIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTSAwLjUgMC41IEwgMTEuNSAxMS41IE0gMC41IDExLjUgTCAxMS41IDAuNScgc3R5bGU9J2ZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MztzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLWxpbmVjYXA6YnV0dCcgLz48L3N2Zz4=) no-repeat center center;opacity:.6;cursor:pointer}.explorer_event_delete:hover{opacity:1}.explorer_rowmove_handle{background-repeat:no-repeat;background-position:center center;background-color:#ccc;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);cursor:move}.explorer_rowmove_source{background-color:#000;opacity:.2}.explorer_rowmove_position_before,.explorer_rowmove_position_after{background-color:#999;height:2px}.explorer_rowmove_position_child{margin-left:20px;background-color:#999;height:2px}.explorer_rowmove_position_forbidden{background-color:#c00;height:2px;margin-left:20px}.explorer_link_horizontal{border-bottom-style:solid;border-bottom-color:var(--dp-scheduler-link-color)}.explorer_link_vertical{border-right-style:solid;border-right-color:var(--dp-scheduler-link-color)}.explorer_link_arrow_right:before{content:"";border-width:6px;border-color:transparent transparent transparent var(--dp-scheduler-link-color);border-style:solid;width:0;height:0;position:absolute}.explorer_link_arrow_left:before{content:"";border-width:6px;border-color:transparent var(--dp-scheduler-link-color) transparent transparent;border-style:solid;width:0;height:0;position:absolute}.explorer_link_arrow_down:before{content:"";border-width:6px;border-color:var(--dp-scheduler-link-color) transparent transparent transparent;border-style:solid;width:0;height:0;position:absolute}.explorer_link_arrow_up:before{content:"";border-width:6px;border-color:transparent transparent var(--dp-scheduler-link-color) transparent;border-style:solid;width:0;height:0;position:absolute}.explorer_link_mshadow.explorer_link_horizontal{border-bottom-color:#aaa}.explorer_link_mshadow.explorer_link_vertical{border-right-color:#aaa}.explorer_link_mshadow.explorer_link_arrow_right:before{border-color:transparent transparent transparent #aaaaaa}.explorer_link_mshadow.explorer_link_arrow_left:before{border-color:transparent #aaaaaa transparent transparent}.explorer_link_mshadow.explorer_link_arrow_down:before{border-color:#aaaaaa transparent transparent transparent}.explorer_link_mshadow.explorer_link_arrow_up:before{border-color:transparent transparent #aaaaaa transparent}.explorer_block{background-color:gray;opacity:.5}.explorer_main .explorer_event_group{box-sizing:border-box;font-size:13px;color:#666;padding:2px;overflow:hidden;border:1px solid var(--dp-scheduler-event-border-color);background-color:#fff;display:flex;align-items:center;white-space:nowrap}.explorer_main .explorer_header_icon{box-sizing:border-box;border:1px solid var(--dp-scheduler-border-color);background-color:var(--dp-scheduler-header-bg-color);color:var(--dp-scheduler-header-color)}.explorer_header_icon:hover{background-color:#ccc}.explorer_header_icon_hide:before{content:"«"}.explorer_header_icon_show:before{content:"»"}.explorer_row_new .explorer_rowheader_inner{padding-left:10px;color:#666;cursor:text;background-position:0px 50%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=)}.explorer_row_new .explorer_rowheader_inner:hover{background:#fff;color:#fff}.explorer_rowheader textarea{padding:3px}.explorer_rowheader_scroll{cursor:default;background:var(--dp-scheduler-header-bg-color)}.explorer_shadow_forbidden .explorer_shadow_inner,.explorer_shadow_overlap .explorer_shadow_inner{border:1px solid #cc0000;background:#cc4125}.explorer_event_moving_source{opacity:.5}.explorer_linkpoint{background-color:#fff;border:1px solid gray;border-radius:5px}.explorer_linkpoint.explorer_linkpoint_hover{background-color:#000}.explorer_event.explorer_event_version .explorer_event_inner{overflow:hidden;background-color:#cfdde8;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px}.explorer_crosshair_vertical,.explorer_crosshair_horizontal,.explorer_crosshair_left,.explorer_crosshair_top{background-color:gray;opacity:.2}.explorer_link_dot{border-radius:10px;background-color:var(--dp-scheduler-link-color)}.explorer_task_milestone .explorer_event_inner{position:absolute;top:16%;left:16%;right:16%;bottom:16%;background:var(--dp-scheduler-event-milestone-color);border:0px none;transform:rotate(45deg);filter:none}.explorer_event_left,.explorer_event_right{white-space:nowrap;color:#666;cursor:default;display:flex;align-items:center}.explorer_main:focus{outline:none}.explorer_cell_focus{outline:var(--dp-scheduler-focus-outline-color) 2px solid;outline-offset:-2px;z-index:100;opacity:.5}.explorer_cell_focus.explorer_cell_focus_top{border-top:4px solid var(--dp-scheduler-focus-outline-color)}.explorer_cell_focus.explorer_cell_focus_bottom{border-bottom:4px solid var(--dp-scheduler-focus-outline-color)}.explorer_selectionrectangle{background-color:var(--dp-scheduler-selectionrectangle-color);border:1px solid #000033;opacity:.4}.explorer_link_shadow{border:1px solid black}.explorer_link_shadow_circle{background-color:#000}.explorer_event_move_left,.explorer_event_move_right{box-sizing:border-box;padding:2px;border:1px solid #ccc;background:#fff;background:linear-gradient(to bottom,#fff,#eee);display:flex;align-items:center}.explorer_link_hover{box-shadow:0 0 2px 2px #ff00004d}.explorer_sorticon{opacity:.2;background-position:center center;background-repeat:no-repeat;cursor:pointer}.explorer_sorticon.explorer_sorticon_asc{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSI1IDEuNSwgMTAgMTAsIDAgMTAiLz48L3N2Zz4=)}.explorer_sorticon.explorer_sorticon_desc{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSI1IDguNSwgMCAwLCAxMCAwIi8+PC9zdmc+)}.explorer_sorticon.explorer_sorticon_active{opacity:1}.explorer_loading{background-color:orange;color:#fff;padding:2px}.explorer_link_curve{stroke:var(--dp-scheduler-link-color);fill:none;stroke-width:2}.explorer_link_curve:hover{stroke-opacity:.5}.explorer_link_curve_dot,.explorer_link_curve_marker,.explorer_link_curve_text{fill:var(--dp-scheduler-link-color)}.explorer_link_curve_mshadow.explorer_link_curve{stroke:#aaa}.explorer_link_curve_mshadow.explorer_link_curve_dot,.explorer_link_curve_mshadow.explorer_link_curve_marker,.explorer_link_curve_mshadow.explorer_link_curve_text{fill:#aaa}.status-confirmed .explorer_event_inner{background:linear-gradient(135deg,#38761d,#4caf50)!important;border-left:4px solid #2e7d32!important}.status-pending .explorer_event_inner{background:linear-gradient(135deg,#ffd966,#ffeb3b)!important;border-left:4px solid #f57c00!important}.status-cancelled .explorer_event_inner{background:linear-gradient(135deg,#f6b26b,#ff9800)!important;border-left:4px solid #e65100!important}.status-completed .explorer_event_inner{background:linear-gradient(135deg,#6fa8dc,#2196f3)!important;border-left:4px solid #1565c0!important}.status-checked_in .explorer_event_inner{background:linear-gradient(135deg,#93c47d,#8bc34a)!important;border-left:4px solid #689f38!important}.status-checked_out .explorer_event_inner{background:linear-gradient(135deg,#a4c2f4,#3f51b5)!important;border-left:4px solid #303f9f!important}.explorer_event_inner{color:#000!important;font-weight:500!important;font-size:12px!important;line-height:1.2!important;padding:8px!important;border-radius:6px!important;box-shadow:0 2px 4px #0000001a!important;position:relative!important}.event-progress-container{position:absolute;bottom:4px;left:8px;right:60px;height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden}.event-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.event-progress-text{position:absolute;bottom:12px;left:8px;font-size:10px;color:#374151;font-weight:500;line-height:1}.event-status-indicator{position:absolute;top:4px;left:8px;width:8px;height:8px;border-radius:50%}.event-overdue-indicator{position:absolute;top:4px;left:20px;width:8px;height:8px;border-radius:50%;background-color:#ef4444}.event-due-today-indicator{position:absolute;top:4px;left:32px;width:8px;height:8px;border-radius:50%;background-color:#f59e0b}.explorer_bubble_calendar{background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 10px 40px #00000026!important;padding:16px!important;font-size:13px!important;line-height:1.4!important;max-width:300px!important;white-space:pre-line!important}.event-view-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#ffffffe6;border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.event-view-button:hover{background:#fff;box-shadow:0 2px 8px #00000026;transform:translateY(-50%) scale(1.05)}@media (max-width: 768px){.explorer_event_inner{font-size:11px!important;padding:6px!important}.event-progress-text{font-size:9px!important}.event-status-indicator,.event-overdue-indicator,.event-due-today-indicator{width:6px;height:6px}.event-view-button{width:24px;height:24px}}.guest-dashboard{padding:1rem;max-width:800px;margin:0 auto;background:linear-gradient(135deg,var(--primary-50) 0%,var(--surface-primary) 100%);min-height:100vh;padding-bottom:80px}.guest-dashboard__header{margin-bottom:2rem;padding:1rem 0}.header-greeting{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.greeting-icon{color:var(--color-warning-beacon)}.guest-dashboard__header h1{font-size:1.75rem;font-weight:700;color:var(--primary-900);margin:0;line-height:1.2}.header-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;padding-left:2.25rem}.yacht-cards-container{display:flex;flex-direction:column;gap:2rem}.yacht-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 30px -5px #0000001a;transition:transform .3s ease,box-shadow .3s ease;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.yacht-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -5px #00000026}.yacht-card__hero{position:relative;height:240px;background-color:var(--primary-100)}.yacht-card__image{width:100%;height:100%;object-fit:cover}.yacht-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary-300);background:var(--primary-50)}.yacht-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.5rem;background:linear-gradient(to top,#000c,#0000);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.status-badge{align-self:flex-start;padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-success{background:#22c55ee6;color:#fff}.status-info{background:#3b82f6e6;color:#fff}.status-secondary{background:#64748be6;color:#fff}.yacht-card__header-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.yacht-model{font-size:.9rem;opacity:.9;margin:0}.next-action-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--primary-50) 0%,white 100%);border:1px solid var(--primary-100);border-radius:1rem;margin-bottom:1.5rem;cursor:pointer;transition:all .2s ease}.next-action-card:active{transform:scale(.98)}.next-action-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center}.next-action-info{flex:1;display:flex;flex-direction:column}.next-action-label{font-weight:600;color:var(--primary-900);font-size:1rem}.next-action-sub{font-size:.85rem;color:var(--text-secondary)}.next-action-arrow{color:var(--primary-300)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.action-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;transition:transform .2s ease}.action-item:active{transform:scale(.95)}.action-icon-wrapper{width:56px;height:56px;border-radius:16px;background:var(--surface-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.action-item--highlight .action-icon-wrapper{background:var(--primary-600);color:#fff;box-shadow:0 4px 12px #2563eb4d}.action-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-align:center}.action-item:hover .action-icon-wrapper{transform:translateY(-2px)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guest-dashboard.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;color:var(--text-secondary)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:#ffffff80;border-radius:1.5rem;border:2px dashed var(--primary-200)}.empty-state svg{color:var(--primary-300);margin-bottom:1rem}.empty-state h3{color:var(--primary-900);margin-bottom:.5rem}@media (max-width: 480px){.action-grid{gap:.75rem}.action-icon-wrapper{width:48px;height:48px}.yacht-card__hero{height:200px}}.yacht-cards-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){.yacht-cards-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.yacht-card{background:var(--surface-primary);border:1px solid var(--primary-200);border-radius:1rem;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.yacht-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--primary-300)}.yacht-card__image{position:relative;height:12rem;background-color:var(--color-gray-100);overflow:hidden}.yacht-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.yacht-card:hover .yacht-card__image img{transform:scale(1.05)}.yacht-card__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);color:var(--primary-400)}.booking-status-overlay{position:absolute;top:1rem;right:1rem;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a}.booking-status-overlay.booking-status--success{background-color:#22c55ee6;color:#fff}.booking-status-overlay.booking-status--info{background-color:#3b82f6e6;color:#fff}.booking-status-overlay.booking-status--secondary{background-color:#6b7280e6;color:#fff}.yacht-card__header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:var(--color-ocean-blue);padding:1.5rem}.yacht-card__title-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.yacht-card__title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;margin:0;color:#fff!important}.yacht-card__header .card__title,.yacht-card__header h3{color:var(--color-ocean-blue)!important}.yacht-card__icon{color:var(--primary-200)}.booking-status{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.booking-status--success{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.booking-status--info{background-color:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.booking-status--secondary{background-color:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.yacht-card__model{font-size:.9rem;color:var(--primary-200);margin:0}.yacht-card__content{padding:1.5rem}.yacht-card__details{display:flex;flex-direction:column;gap:1.5rem}.booking-dates{display:flex;flex-direction:column;gap:.75rem}.booking-date,.booking-guests{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.booking-date svg,.booking-guests svg{color:var(--primary-600);flex-shrink:0}.yacht-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.yacht-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:1px solid var(--border-secondary);background:var(--surface-primary);color:var(--text-primary);white-space:nowrap;min-height:44px}.yacht-action-btn:hover{background:var(--surface-hover);border-color:var(--primary-300);transform:translateY(-1px)}.yacht-action-btn--ai{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.yacht-action-btn--ai:hover{background:var(--primary-100);border-color:var(--primary-400)}.yacht-action-btn--support{border-color:var(--warning-300);background:var(--warning-50);color:var(--warning-700)}.yacht-action-btn--support:hover{background:var(--warning-100);border-color:var(--warning-400)}.yacht-action-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;color:var(--text-primary);font-size:.9rem;font-weight:500}.yacht-action-item:hover{background:var(--background-hover);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.yacht-action-item:active{transform:translateY(0)}.yacht-action-item svg:first-child{color:var(--primary-color);flex-shrink:0}.yacht-action-item span{flex:1;font-weight:500}.yacht-action-item svg:last-child{color:var(--text-secondary);flex-shrink:0}.yacht-card__notes{margin-top:1.5rem;padding:1rem;background:var(--surface-secondary);border-radius:.5rem;border:1px solid var(--border-secondary)}.yacht-card__notes h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.yacht-card__notes p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.quick-actions-section{background:var(--surface-primary);padding:2rem;border-radius:1rem;border:1px solid var(--border-secondary)}.quick-actions-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:center}.quick-actions-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.75rem;font-weight:500;transition:all .3s ease;border:1px solid var(--border-secondary);background:var(--surface-primary);color:var(--text-primary);min-height:60px;justify-content:space-between}.quick-action-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-action-btn span{flex:1;text-align:left}@media (max-width: 640px){.guest-dashboard{padding:.75rem}.welcome-section{padding:1.5rem}.guest-dashboard__title{font-size:1.75rem}.yacht-card__header,.yacht-card__content{padding:1.25rem}.yacht-actions{grid-template-columns:1fr}.quick-actions-section{padding:1.5rem}}.guest-dashboard__loading .spinner{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.guest-yacht-detail,.guest-documents,.guest-booking-info{min-height:100vh;background-color:var(--surface-primary);padding-bottom:2rem}.guest-yacht-header,.guest-documents-header,.guest-booking-header{position:sticky;top:0;z-index:100;background-color:var(--surface-primary);border-bottom:1px solid var(--color-gray-200);padding:1rem;display:flex;align-items:center;gap:1rem}.header-title h1{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.header-title p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.btn-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:.5rem;background-color:var(--color-gray-100);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.btn-icon:hover:not(:disabled){background-color:var(--color-gray-200)}.btn-icon.btn-icon-active{background-color:var(--color-success-50);color:var(--color-success-600)}.btn-icon.btn-icon-active:hover:not(:disabled){background-color:var(--color-success-100)}.btn-icon .spinner{width:1.25rem;height:1.25rem;border-width:1px}.btn-link{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:.875rem;padding:0;display:inline-flex;align-items:center;gap:.25rem}.text-success{color:var(--color-success-600)}.yacht-hero{margin:1rem;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000001a}.yacht-hero-image{position:relative;height:12rem;background-color:var(--color-gray-100)}.yacht-hero-image img{width:100%;height:100%;object-fit:cover}.yacht-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400)}.yacht-key-specs{display:flex;padding:1rem;gap:1rem;border-top:1px solid var(--color-gray-200)}.key-spec{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.spec-icon{color:var(--color-ocean-blue)}.spec-value{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.spec-label{font-size:.75rem;color:var(--color-text-secondary)}.quick-actions{margin:1rem;display:flex;flex-direction:column;gap:.5rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border:1px solid var(--color-gray-200);border-radius:.75rem;text-align:left;cursor:pointer;transition:all .2s ease;min-height:4rem}.action-card:hover{border-color:var(--color-ocean-blue);box-shadow:0 2px 8px #1e90ff1a}.action-card svg:first-child{color:var(--color-ocean-blue);flex-shrink:0}.action-card span{font-weight:500;color:var(--color-text-primary);flex:1}.action-card svg:last-child{color:var(--color-gray-400);flex-shrink:0}.guest-tabs{display:flex;margin:1rem;background-color:var(--color-gray-100);border-radius:.5rem;padding:.25rem}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .5rem;border:none;border-radius:.375rem;background-color:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button.active{background-color:#fff;color:var(--color-ocean-blue);box-shadow:0 1px 3px #0000001a}.tab-button span{display:none}.tab-content{margin:1rem}.info-section{background-color:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.info-section h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.info-grid{display:grid;gap:1rem}.info-item{display:flex;align-items:flex-start;gap:.75rem}.info-item svg{color:var(--color-ocean-blue);flex-shrink:0;margin-top:.125rem}.info-item label{font-size:.875rem;color:var(--color-text-secondary);margin:0;display:block}.info-item span{font-weight:500;color:var(--color-text-primary);display:block}.info-item small{font-size:.75rem;color:var(--color-text-secondary);display:block}.spec-group{margin-bottom:1.5rem}.spec-group:last-child{margin-bottom:0}.spec-group h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.spec-list{display:flex;flex-direction:column;gap:.75rem}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-gray-100)}.spec-item:last-child{border-bottom:none}.spec-label{font-size:.875rem;color:var(--color-text-secondary)}.spec-value{font-weight:500;color:var(--color-text-primary)}.documents-search,.documents-section{margin:1rem}.documents-section .section-header{margin-bottom:1rem}.documents-section h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:1rem;color:var(--color-gray-400);pointer-events:none}.search-input input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--color-gray-200);border-radius:.5rem;font-size:1rem;background-color:#fff}.search-input input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #1e90ff1a}.category-filter{display:flex;gap:.5rem;padding:0 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-filter::-webkit-scrollbar{display:none}.category-button{flex-shrink:0;padding:.5rem 1rem;border:1px solid var(--color-gray-200);border-radius:1.5rem;background-color:#fff;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.category-button.active{background-color:var(--color-ocean-blue);border-color:var(--color-ocean-blue);color:#fff}.priority-section{margin:1.5rem 1rem 1rem}.priority-section h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem}.priority-section p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1rem}.document-list{display:flex;flex-direction:column;gap:.75rem}.document-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border:1px solid var(--color-gray-200);border-radius:.75rem;transition:all .2s ease}.document-card.priority{border-color:var(--color-warning-beacon);background-color:#fefbf3}.document-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:var(--color-gray-100);color:var(--color-ocean-blue);flex-shrink:0}.document-icon.priority{background-color:var(--color-warning-beacon);color:#fff}.document-info{flex:1;min-width:0}.document-info h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-info p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.document-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.priority-badge{padding:.125rem .5rem;background-color:var(--color-warning-beacon);color:#fff;font-size:.75rem;font-weight:500;border-radius:.375rem}.category{padding:.125rem .5rem;background-color:var(--color-gray-100);color:var(--color-text-secondary);font-size:.75rem;border-radius:.375rem}.size,.updated{font-size:.75rem;color:var(--color-text-secondary)}.document-actions{display:flex;gap:.25rem;flex-shrink:0}.document-actions .btn-icon{width:2rem;height:2rem}.status-banner{display:flex;align-items:center;gap:1rem;margin:1rem;padding:1rem;border-radius:.75rem;border-left:4px solid}.status-green{background-color:#f0f9f0;border-left-color:var(--color-success);color:var(--color-success)}.status-blue{background-color:#f0f7ff;border-left-color:var(--color-ocean-blue);color:var(--color-ocean-blue)}.status-red{background-color:#fef2f2;border-left-color:var(--color-alert-flare);color:var(--color-alert-flare)}.status-gray{background-color:var(--color-gray-50);border-left-color:var(--color-gray-400);color:var(--color-gray-600)}.status-banner strong{font-size:1rem;margin:0}.status-banner p{font-size:.875rem;margin:0;opacity:.8}.key-dates{display:flex;align-items:center;justify-content:space-between;margin:1rem;padding:1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.date-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.date-card svg{color:var(--color-ocean-blue)}.date-card label{font-size:.75rem;color:var(--color-text-secondary);margin:0}.date-card strong{font-size:1.125rem;color:var(--color-text-primary)}.duration{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.duration strong{font-size:1.5rem;color:var(--color-ocean-blue)}.duration span{font-size:.75rem;color:var(--color-text-secondary)}.next-action{margin:1rem}.action-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--color-ocean-blue);font-weight:500}.next-action .action-card{background-color:#f0f7ff;border-color:var(--color-ocean-blue)}.action-info strong{font-size:1rem;color:var(--color-text-primary);display:block;margin-bottom:.25rem}.action-info p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .5rem}.due-date{font-size:.75rem;color:var(--color-warning-beacon);font-weight:500}.timeline{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.timeline-item{display:flex;gap:1rem;align-items:flex-start}.timeline-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;flex-shrink:0;margin-top:.25rem}.timeline-item.status-green .timeline-icon{background-color:var(--color-success);color:#fff}.timeline-item.status-blue .timeline-icon{background-color:var(--color-ocean-blue);color:#fff}.timeline-item.status-red .timeline-icon{background-color:var(--color-alert-flare);color:#fff}.timeline-item.status-gray .timeline-icon{background-color:var(--color-gray-300);color:var(--color-gray-600)}.timeline-content{flex:1;padding:.5rem 0}.timeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.timeline-header strong{font-size:1rem;color:var(--color-text-primary)}.status-badge{padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.status-badge.status-green{background-color:var(--color-success);color:#fff}.status-badge.status-blue{background-color:var(--color-ocean-blue);color:#fff}.status-badge.status-red{background-color:var(--color-alert-flare);color:#fff}.status-badge.status-gray{background-color:var(--color-gray-300);color:var(--color-gray-600)}.timeline-content p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .5rem}.timeline-content small{font-size:.75rem;color:var(--color-text-secondary)}.contact-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.contact-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:#fff;border:1px solid var(--color-gray-200);border-radius:.75rem;text-align:left;cursor:pointer;transition:all .2s ease}.contact-card:hover{border-color:var(--color-ocean-blue);box-shadow:0 2px 8px #1e90ff1a}.contact-card svg:first-child{color:var(--color-ocean-blue);flex-shrink:0;margin-top:.125rem}.contact-card div{flex:1}.contact-card strong{font-size:1rem;color:var(--color-text-primary);display:block;margin-bottom:.25rem}.contact-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .25rem}.contact-card small{font-size:.75rem;color:var(--color-text-secondary)}.response-times{margin-top:2rem;padding:1.5rem;background-color:var(--color-gray-50);border-radius:.75rem}.response-times h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.response-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.response-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-gray-200)}.response-item:last-child{border-bottom:none}.response-item strong{font-size:.875rem;color:var(--color-text-primary)}.response-item span{font-size:.875rem;color:var(--color-text-secondary)}.location-info{display:flex;flex-direction:column;gap:1rem}.location-item{display:flex;gap:1rem;align-items:flex-start}.location-item svg{color:var(--color-ocean-blue);flex-shrink:0;margin-top:.125rem}.location-item strong{font-size:1rem;color:var(--color-text-primary);display:block;margin-bottom:.25rem}.location-item p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.empty-state svg{color:var(--color-gray-300);margin-bottom:1rem}.empty-state h4{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0;max-width:20rem}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem}.status-message{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid;transition:all .3s ease}.status-message.success{background-color:#22c55e1a;border-color:#22c55e4d;color:var(--color-success-marina)}.status-message.error{background-color:#ef44441a;border-color:#ef44444d;color:var(--color-alert-flare)}.status-message .btn-icon{width:1.5rem;height:1.5rem;font-size:1rem;background:transparent;border:none;color:inherit;padding:0}.error-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem}.error-message p{font-size:1rem;color:var(--color-alert-flare);margin:0 0 1rem}.btn-primary{padding:.75rem 1.5rem;background-color:var(--color-ocean-blue);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:var(--color-ocean-blue-dark)}.offline-notice{display:flex;align-items:flex-start;gap:1rem;margin:1rem;padding:1rem;background-color:#f0f7ff;border:1px solid var(--color-ocean-blue);border-radius:.75rem;color:var(--color-ocean-blue)}.offline-notice svg{flex-shrink:0;margin-top:.125rem}.offline-notice strong{font-size:.875rem;display:block;margin-bottom:.25rem}.offline-notice p{font-size:.75rem;margin:0;opacity:.8}@media (min-width: 640px){.tab-button span{display:inline}.response-grid{grid-template-columns:repeat(4,1fr)}.category-filter{flex-wrap:wrap;overflow:visible}}@media (min-width: 768px){.guest-yacht-detail,.guest-documents,.guest-booking-info{max-width:42rem;margin:0 auto}.info-grid{grid-template-columns:repeat(2,1fr)}.spec-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.spec-item{border-bottom:none;border-right:1px solid var(--color-gray-100);padding-right:1rem}.spec-item:nth-child(2n){border-right:none}}.pdf-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.pdf-viewer-modal{background-color:#fff;border-radius:.75rem;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pdf-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.pdf-title h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.pdf-page-info{font-size:.875rem;color:var(--color-text-secondary);margin-left:.5rem}.pdf-controls{display:flex;align-items:center;gap:.5rem}.pdf-controls .btn-icon{width:2.5rem;height:2.5rem;background-color:#fff;border:1px solid var(--color-gray-200)}.pdf-controls .zoom-level{font-size:.875rem;color:var(--color-text-secondary);min-width:3rem;text-align:center}.pdf-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-200);background-color:#fff}.pdf-navigation .btn-icon{width:2.5rem;height:2.5rem;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200)}.page-input{display:flex;align-items:center;gap:.5rem}.page-input input{width:4rem;padding:.25rem .5rem;border:1px solid var(--color-gray-200);border-radius:.25rem;text-align:center;font-size:.875rem}.page-input span{font-size:.875rem;color:var(--color-text-secondary)}.pdf-canvas-container{flex:1;overflow:auto;padding:1rem;display:flex;justify-content:center;background-color:var(--color-gray-50)}.pdf-canvas{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:.25rem;background-color:#fff}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.pdf-loading .spinner{width:2rem;height:2rem;border:2px solid var(--color-gray-200);border-top:2px solid var(--color-ocean-blue);border-radius:50%;animation:spin 1s linear infinite}.pdf-loading p{font-size:1rem;color:var(--color-text-secondary);margin:0}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.pdf-error p{font-size:1rem;color:var(--color-alert-flare);margin:0;text-align:center}@media (max-width: 768px){.pdf-viewer-overlay{padding:.5rem}.pdf-viewer-modal{max-height:95vh;border-radius:.5rem}.pdf-header{padding:.75rem}.pdf-title h3{font-size:1rem}.pdf-controls{gap:.25rem}.pdf-controls .btn-icon{width:2rem;height:2rem}.pdf-navigation{padding:.5rem .75rem}.pdf-canvas-container{padding:.5rem}}.offline-documents-section{margin:2rem 1rem 1rem;padding-top:1.5rem;border-top:2px solid var(--color-gray-200)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title-with-icon{display:flex;align-items:center;gap:.75rem}.section-title-with-icon svg{color:var(--color-success)}.section-title-with-icon h3,.section-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.document-count{font-size:.875rem;color:var(--color-text-secondary);background-color:var(--color-gray-100);padding:.25rem .75rem;border-radius:1rem;font-weight:500}.offline-document{border:2px solid var(--color-success-100);background-color:var(--color-success-50);position:relative}.offline-document:before{content:"OFFLINE";position:absolute;top:.5rem;right:.5rem;font-size:.625rem;font-weight:700;letter-spacing:.05em;color:var(--color-success);background-color:var(--color-success-100);padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase}.offline-document .document-icon{background-color:var(--color-success);color:#fff;border:2px solid var(--color-success-100)}.offline-document .document-icon svg{color:#fff!important}.btn-icon-active{background-color:var(--color-success)!important;color:#fff!important}.btn-icon-danger{background-color:var(--color-error-light);color:var(--color-error)}.btn-icon-danger:hover{background-color:var(--color-error);color:#fff}.text-success{color:var(--color-success)!important}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem}.btn-link:hover{color:var(--color-primary-dark)}.offline-notice .btn-link{padding:.25rem .5rem;border-radius:.25rem;background-color:var(--color-gray-100);text-decoration:none;margin-left:.5rem}.offline-notice .btn-link:hover{background-color:var(--color-gray-200)}.toast-notification{position:fixed;top:1rem;right:1rem;left:1rem;z-index:1000;display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;background-color:var(--surface-primary);box-shadow:0 4px 12px #00000026;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-notification.success{border-left:4px solid var(--color-success);background-color:#f0fdf4}.toast-notification.success svg{color:var(--color-success)}.toast-notification span{flex:1;font-size:.9375rem;color:var(--color-text-primary)}.toast-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:var(--color-text-primary)}@media (min-width: 768px){.toast-notification{left:auto;right:2rem;max-width:24rem}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.workflow-flow-container{height:100vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a;position:relative}.workflow-flow{height:100%;width:100%;position:relative}.workflow-flow .react-flow{height:100%;width:100%}.workflow-background .react-flow__background{background-color:#fffc}.workflow-background .react-flow__background svg rect{fill:#1976d21a}.workflow-controls{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:8px;box-shadow:0 4px 16px #0000001a}.workflow-controls button{background:#1976d21a;border:none;color:#1976d2;transition:all .2s ease}.workflow-controls button:hover{background:#1976d233;color:#0d47a1}.workflow-minimap{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.workflow-panel{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:12px;padding:16px;min-width:280px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.workflow-header h3{margin:0 0 8px;color:#1976d2;font-size:18px;font-weight:600}.yacht-id{color:#666;font-size:14px;display:block;margin-bottom:8px}.workflow-mode{font-size:14px;color:#555}.mode-badge{padding:4px 8px;border-radius:4px;font-weight:500;text-transform:uppercase;font-size:12px}.mode-runtime{background:#e8f5e8;color:#2e7d32}.mode-design{background:#fff3e0;color:#ef6c00}.save-workflow-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:8px 16px;margin-top:12px;cursor:pointer;font-weight:500;transition:all .2s ease}.save-workflow-btn:hover{background:#0d47a1;transform:translateY(-1px)}.status-legend{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:12px;padding:16px;min-width:200px;max-height:70vh;overflow-y:auto;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.status-legend h4{margin:0 0 12px;color:#1976d2;font-size:16px;font-weight:600}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-color{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.node-details-panel{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:12px;padding:16px;min-width:300px;max-width:400px;max-height:70vh;overflow-y:auto;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;position:fixed!important;bottom:20px!important;right:20px!important;top:auto!important;left:auto!important}.node-details h4{margin:0 0 8px;color:#1976d2;font-size:16px;font-weight:600}.node-details p{margin:0 0 12px;color:#666;font-size:14px;line-height:1.4}.node-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;font-size:14px}.info-row strong{color:#333;font-weight:500}.node-details-actions{display:flex;gap:8px;margin-top:12px}.edit-node-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .2s ease;flex:1}.edit-node-btn:hover{background:#0d47a1}.close-details-btn{background:#f5f5f5;color:#666;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .2s ease;flex:1}.close-details-btn:hover{background:#eee;color:#333}.node-palette{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:12px;padding:16px;min-width:280px;max-width:320px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.node-palette h4{margin:0 0 8px;color:#1976d2;font-size:16px;font-weight:600}.palette-instruction{margin:0 0 16px;color:#666;font-size:14px;font-style:italic}.palette-nodes{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.palette-node{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.palette-node:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.palette-node:active{cursor:grabbing;transform:translateY(0)}.palette-node-icon{font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-node-info h5{margin:0 0 4px;color:#333;font-size:14px;font-weight:600}.palette-node-info p{margin:0;color:#666;font-size:12px;line-height:1.3}.design-shortcuts{border-top:1px solid #e0e0e0;padding-top:16px}.design-shortcuts h5{margin:0 0 8px;color:#333;font-size:14px;font-weight:600}.shortcut-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;color:#666}.shortcut-item kbd{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:2px 6px;font-size:11px;font-family:monospace;color:#333}.node-edit-modal{background:#fffffffa;border:1px solid rgba(25,118,210,.2);border-radius:12px;padding:20px;min-width:400px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1001;position:fixed!important;bottom:20px!important;left:50%!important;top:auto!important;right:auto!important;transform:translate(-50%)!important}.node-edit-form h4{margin:0 0 16px;color:#1976d2;font-size:18px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;color:#333;font-size:14px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.form-group textarea{resize:vertical;min-height:60px}.field-help{display:block;margin-top:4px;color:#666;font-style:italic;font-size:12px;line-height:1.3}.form-actions{display:flex;gap:12px;margin-top:20px}.save-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;flex:1}.save-btn:hover{background:#0d47a1}.cancel-btn{background:#f5f5f5;color:#666;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:14px;transition:all .2s ease;flex:1}.cancel-btn:hover{background:#eee;color:#333}.edge-details-panel{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:12px;padding:16px;min-width:200px;max-height:60vh;overflow-y:auto;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;position:fixed!important;bottom:20px!important;left:20px!important;top:auto!important;right:auto!important}.edge-details h4{margin:0 0 12px;color:#1976d2;font-size:16px;font-weight:600}.edge-details p{margin:0 0 8px;color:#666;font-size:14px}.delete-edge-btn{background:#f44336;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .2s ease;margin-right:8px;margin-top:8px}.delete-edge-btn:hover{background:#d32f2f}.workflow-flow[data-mode=design] .react-flow__node.selected{box-shadow:0 0 0 3px #1976d24d}.workflow-flow[data-mode=design] .react-flow__edge.selected path{stroke:#1976d2;stroke-width:3}.workflow-flow[data-mode=design] .react-flow__edge:hover path{stroke:#42a5f5;stroke-width:2}.workflow-flow[data-mode=design] .custom-node:hover{border-color:#1976d2}.workflow-flow-container.drag-active{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.workflow-flow-container.drag-active:after{content:"Drop to add node";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1976d2e6;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;pointer-events:none;z-index:1000}.palette-node.dragging{opacity:.5;transform:rotate(5deg)}.design-toolbar{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.toolbar-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.toolbar-btn:hover{background:#eee;border-color:#ccc}.toolbar-btn.active{background:#1976d2;color:#fff;border-color:#1976d2}.workflow-flow[data-mode=design] .react-flow__handle{opacity:0;transition:opacity .2s ease}.workflow-flow[data-mode=design] .custom-node:hover .react-flow__handle,.workflow-flow[data-mode=design] .custom-node.selected .react-flow__handle{opacity:1}.custom-node{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px;min-width:200px;max-width:280px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.custom-node:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.custom-node:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1976d2,#42a5f5)}.node-completed{border-color:#4caf50;background:linear-gradient(145deg,#fff,#f1f8e9)}.node-completed:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.node-in-progress{border-color:#ff9800;background:linear-gradient(145deg,#fff,#fff3e0);animation:pulse-progress 2s infinite}.node-in-progress:before{background:linear-gradient(90deg,#ff9800,#ffb74d)}.node-scheduled{border-color:#2196f3;background:linear-gradient(145deg,#fff,#e3f2fd)}.node-scheduled:before{background:linear-gradient(90deg,#2196f3,#42a5f5)}.node-pending{border-color:#9e9e9e;background:linear-gradient(145deg,#fff,#f5f5f5)}.node-pending:before{background:linear-gradient(90deg,#9e9e9e,#bdbdbd)}.node-blocked{border-color:#f44336;background:linear-gradient(145deg,#fff,#ffebee)}.node-blocked:before{background:linear-gradient(90deg,#f44336,#ef5350)}.node-issues{border-color:#ff5722;background:linear-gradient(145deg,#fff,#fbe9e7);animation:pulse-warning 1.5s infinite}.node-issues:before{background:linear-gradient(90deg,#ff5722,#ff7043)}.node-design{border-color:#673ab7;background:linear-gradient(145deg,#fff,#f3e5f5)}.node-design:before{background:linear-gradient(90deg,#673ab7,#9c27b0)}.other-node{border-color:#607d8b;background:linear-gradient(145deg,#fff,#eceff1)}.other-node:before{background:linear-gradient(90deg,#607d8b,#78909c)}.node-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;position:relative}.node-title{margin:0;font-size:16px;font-weight:600;color:#333;flex:1}.status-icon{width:20px;height:20px;flex-shrink:0}.status-icon.completed{color:#4caf50}.status-icon.in-progress{color:#ff9800}.status-icon.pending{color:#9e9e9e}.status-icon.blocked{color:#f44336}.status-icon.issues{color:#ff5722}.parallel-badge,.condition-badge{background:#e3f2fd;color:#1976d2;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.condition-badge{background:#fff3e0;color:#ef6c00}.signature-icon{color:#673ab7}.node-content{font-size:14px}.node-description{color:#666;margin:0 0 12px;line-height:1.4}.node-metadata{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.metadata-item{display:flex;align-items:center;gap:6px;color:#555;font-size:13px}.metadata-item svg{color:#999;flex-shrink:0}.timestamp{color:#777;font-style:italic}.assigned-user{background:#1976d21a;color:#1976d2;padding:6px 8px;border-radius:6px;font-size:12px;margin-top:8px;font-weight:500}.allocation-rule{background:#673ab71a;color:#673ab7;padding:6px 8px;border-radius:6px;font-size:12px;margin-top:8px;font-weight:500}.allocation-rule strong{color:#4a148c}.progress-indicator{margin-top:8px}.progress-bar{background:#e0e0e0;border-radius:10px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff9800,#ffb74d);height:100%;width:65%;border-radius:10px;animation:progress-fill 2s ease-in-out infinite}.cleaning-checklist,.maintenance-systems,.approval-checklist,.issue-priorities{margin-top:8px;font-size:12px}.checklist-item,.system-check,.approval-item,.priority-item{padding:2px 0;display:flex;align-items:center;gap:4px}.checklist-item.completed,.system-check.completed,.approval-item.completed{color:#4caf50}.checklist-item.in-progress,.system-check.in-progress,.approval-item.in-progress{color:#ff9800}.checklist-item.pending,.system-check.pending,.approval-item.pending{color:#9e9e9e}.priority-item.high{color:#f44336;font-weight:500}.priority-item.medium{color:#ff9800}.priority-item.low{color:#4caf50}.blocking-info,.condition-info,.signature-requirement{display:flex;align-items:center;gap:6px;background:#f443361a;color:#f44336;padding:6px 8px;border-radius:6px;font-size:12px;margin-top:8px}.condition-info{background:#ef6c001a;color:#ef6c00}.signature-requirement{background:#673ab71a;color:#673ab7}.node-handle{background:#1976d2;border:2px solid white;width:12px;height:12px;box-shadow:0 2px 4px #0003}.conditional-handle{background:#ff5722}.node-handle:hover{transform:scale(1.2)}@keyframes pulse-progress{0%,to{box-shadow:0 4px 16px #0000001a}50%{box-shadow:0 4px 20px #ff98004d}}@keyframes pulse-warning{0%,to{box-shadow:0 4px 16px #0000001a}50%{box-shadow:0 4px 20px #ff572266}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cleaning-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes maintenance-animation{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes approval-animation{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes issue-animation{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes other-animation{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes progress-fill{0%{width:65%}50%{width:75%}to{width:65%}}@media (max-width: 768px){.workflow-flow-container{height:100vh;border-radius:8px}.workflow-panel{min-width:240px;padding:12px;max-height:70vh;overflow-y:auto}.node-details-panel{min-width:260px;max-width:300px;padding:12px;max-height:60vh;overflow-y:auto;right:10px!important;bottom:10px!important}.node-edit-modal{min-width:320px;max-width:90vw;padding:16px;max-height:70vh;overflow-y:auto;bottom:10px!important}.edge-details-panel{min-width:180px;max-width:220px;padding:12px;max-height:50vh;overflow-y:auto;left:10px!important;bottom:10px!important}.custom-node{min-width:180px;max-width:220px;padding:12px}.node-title{font-size:14px}.node-description{font-size:13px}}@media (max-width: 480px){.workflow-flow-container{height:100vh;border-radius:6px}.custom-node{min-width:160px;max-width:200px;padding:10px}.workflow-panel{min-width:200px;padding:10px;max-height:60vh;overflow-y:auto}.status-legend{min-width:180px;padding:10px;max-height:50vh;overflow-y:auto}.node-details-panel{min-width:240px;max-width:280px;padding:10px;max-height:50vh;overflow-y:auto;right:5px!important;bottom:5px!important}.node-edit-modal{min-width:280px;max-width:95vw;padding:12px;max-height:80vh;overflow-y:auto;bottom:5px!important}.edge-details-panel{min-width:160px;max-width:200px;padding:8px;max-height:40vh;overflow-y:auto;left:5px!important;bottom:5px!important}.workflow-execution-panel{min-width:280px;max-width:90vw;padding:12px;max-height:60vh;overflow-y:auto;bottom:5px!important}}.workflow-execution-panel{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:12px;padding:16px;min-width:300px;max-width:400px;max-height:60vh;overflow-y:auto;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;position:fixed!important;bottom:20px!important;left:50%!important;top:auto!important;right:auto!important;transform:translate(-50%)!important}.workflow-monitor-container{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:1002;max-height:80vh;overflow-y:auto}.save-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.save-dialog{background:#fff;border-radius:12px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 20px 40px #0003;animation:dialogFadeIn .2s ease-out}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.save-dialog h3{margin:0 0 20px;color:#1976d2;font-size:1.25rem;font-weight:600}.save-form .form-group{margin-bottom:16px}.save-form label{display:block;margin-bottom:6px;font-weight:500;color:#333}.save-form input,.save-form textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.save-form input:focus,.save-form textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.save-dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.save-dialog-actions button{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.save-btn{background:#1976d2;color:#fff}.save-btn:hover:not(:disabled){background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.save-btn:disabled{background:#ccc;color:#999;cursor:not-allowed}.templates-panel{background:#fffffff2;border:1px solid rgba(25,118,210,.2);border-radius:12px;box-shadow:0 8px 24px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:300px;max-height:400px;overflow-y:auto}.templates-panel h4{margin:0 0 16px;color:#1976d2;font-size:1.1rem;font-weight:600}.templates-list{display:flex;flex-direction:column;gap:8px}.template-item{padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;transition:all .2s ease;display:flex;justify-content:space-between;align-items:flex-start}.template-item:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d21a}.template-info h5{margin:0 0 4px;font-size:.9rem;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-info p{margin:0 0 4px;font-size:.8rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-info small{font-size:.7rem;color:#999}.template-actions{display:flex;gap:4px;margin-left:8px}.load-template-btn,.delete-template-btn{padding:4px 8px;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.load-template-btn{background:#1976d2;color:#fff}.load-template-btn:hover{background:#1565c0;transform:translateY(-1px)}.delete-template-btn{background:#f44336;color:#fff;min-width:20px;padding:4px 6px}.delete-template-btn:hover{background:#d32f2f;transform:translateY(-1px)}.design-controls{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.saved-templates-section{width:100%}.saved-templates-section h5{margin:0 0 12px;color:#1976d2;font-size:.9rem;font-weight:600}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;max-height:200px;overflow-y:auto}.template-card{padding:8px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;min-height:50px}.template-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d21a}.template-card .template-info{flex:1;min-width:0;margin-right:8px}.template-card .template-info h6{margin:0 0 2px;font-size:.8rem;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card .template-info small{font-size:.7rem;color:#999}.template-card .template-actions{display:flex;gap:4px;flex-shrink:0}.workflow-progress-container{width:100%;height:500px;background-color:#fafafa;border-radius:8px;overflow:hidden;position:relative;border:1px solid #e0e0e0}.workflow-progress-flow{width:100%;height:100%}.workflow-progress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workflow-progress-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;padding:24px;text-align:center;color:#d32f2f;background-color:#ffebee;border-radius:8px;margin:16px 0}.workflow-progress-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#757575;font-size:14px}.workflow-progress-controls{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a}.workflow-progress-controls button{background-color:#fff;border:none;border-bottom:1px solid #e0e0e0;padding:8px;cursor:pointer;transition:background-color .2s}.workflow-progress-controls button:hover{background-color:#f5f5f5}.workflow-progress-controls button:last-child{border-bottom:none}.workflow-progress-minimap{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a}.workflow-progress-status{position:absolute;top:16px;left:16px;display:flex;gap:12px;align-items:center;background-color:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #00000026;z-index:5;font-size:13px}.status-badge{padding:4px 12px;border-radius:12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-running{background-color:#e3f2fd;color:#1976d2}.status-badge.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-badge.status-failed{background-color:#ffebee;color:#c62828}.status-badge.status-pending{background-color:#f5f5f5;color:#757575}.task-count{color:#666;font-weight:500;font-size:12px}.workflow-progress-node{cursor:default;-webkit-user-select:none;user-select:none}.workflow-progress-flow .react-flow__node{cursor:default}.workflow-progress-flow .react-flow__node.selected{box-shadow:0 0 0 2px #1976d2}.workflow-progress-flow .react-flow__edge{pointer-events:none}.workflow-progress-flow .react-flow__edge-path{stroke:#b0bec5;stroke-width:2}.workflow-progress-flow .react-flow__edge.animated .react-flow__edge-path{stroke:#1976d2;stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{to{stroke-dashoffset:-10}}@media (max-width: 768px){.workflow-progress-container{height:400px}.workflow-progress-status{top:8px;left:8px;padding:6px 12px;font-size:11px;flex-direction:column;align-items:flex-start;gap:4px}.status-badge{font-size:10px;padding:3px 10px}.task-count{font-size:11px}}.chart-view-toggle{display:flex;gap:8px;align-items:center}.chart-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;color:#666}.chart-toggle-btn:hover{background-color:#f5f5f5;border-color:#1976d2;color:#1976d2}.chart-toggle-btn.active{background-color:#e3f2fd;border-color:#1976d2;color:#1976d2}.chart-toggle-btn svg{width:16px;height:16px}.workflow-chart-section{padding:16px;background-color:#fafafa;border-top:1px solid #e0e0e0}@media (max-width: 768px){.workflow-chart-section{padding:12px}}.task-allocation-dashboard{padding:var(--space-xl);max-width:1400px;margin:0 auto}.refresh-button .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.task-allocation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);gap:var(--space-lg)}.header-title-section{display:flex;align-items:center;gap:var(--space-lg)}.header-icon{color:var(--ocean-blue);flex-shrink:0}.header-title-section h1{font-size:2rem;font-weight:600;color:var(--navigation-dark);margin:0;line-height:1.2}.header-title-section p{color:var(--chart-gray);margin:var(--space-xs) 0 0 0;font-size:.95rem}.header-actions{display:flex;gap:var(--space-md);align-items:center}.refresh-button{transition:transform .2s}.refresh-button:hover:not(:disabled){transform:scale(1.1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--hull-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--cabin-gray);display:flex;gap:var(--space-md);align-items:flex-start;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card--primary .stat-card__icon{background:linear-gradient(135deg,#1976d2,#42a5f5);color:var(--hull-white)}.stat-card--success .stat-card__icon{background:linear-gradient(135deg,#10b981,#34d399);color:var(--hull-white)}.stat-card--info .stat-card__icon{background:linear-gradient(135deg,#0891b2,#06b6d4);color:var(--hull-white)}.stat-card--warning .stat-card__icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:var(--hull-white)}.stat-card__content{flex:1}.stat-card__value{font-size:2rem;font-weight:700;color:var(--navigation-dark);line-height:1;margin-bottom:var(--space-xs)}.stat-card__label{font-size:.9rem;font-weight:500;color:var(--chart-gray);margin-bottom:var(--space-xs)}.stat-card__sublabel{font-size:.75rem;color:var(--chart-gray);opacity:.8}.workload-section{margin-top:var(--space-xl)}.workload-section__header{margin-bottom:var(--space-lg)}.workload-section__header h2{font-size:1.5rem;font-weight:600;color:var(--navigation-dark);margin:0 0 var(--space-xs) 0}.workload-section__header p{color:var(--chart-gray);margin:0;font-size:.9rem}.user-workload-card{cursor:pointer;transition:all .3s ease;border:2px solid transparent}.user-workload-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.user-workload-card--high{border-left:4px solid #ef4444}.user-workload-card--medium{border-left:4px solid #f59e0b}.user-workload-card--low{border-left:4px solid #10b981}.user-workload-card--idle{border-left:4px solid #94a3b8;opacity:.8}.user-info{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--ocean-blue) 0%,var(--ocean-blue-light) 100%);color:var(--hull-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--navigation-dark);font-size:1rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:var(--chart-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-roles{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.role-chip{background-color:var(--deck-gray)!important;font-size:.7rem!important;height:20px!important}.task-counts{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);background-color:var(--deck-gray);border-radius:var(--radius-md)}.task-count{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem}.task-count svg{color:var(--ocean-blue);flex-shrink:0}.task-count__label{color:var(--chart-gray);flex:1}.task-count__value{font-weight:700;color:var(--navigation-dark);min-width:24px;text-align:right}.task-count--overdue{background-color:#fee2e2;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin:-4px -8px}.task-count--overdue svg{color:#dc2626}.task-count--overdue .task-count__label{color:#991b1b;font-weight:600}.task-count--overdue .task-count__value{color:#dc2626;font-weight:800}.capacity-section{margin-top:var(--space-md)}.capacity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.capacity-label{font-size:.8rem;font-weight:500;color:var(--chart-gray)}.capacity-value{font-size:.85rem;font-weight:600;color:var(--navigation-dark)}.capacity-status{margin-top:var(--space-sm);display:flex;justify-content:flex-end}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl)!important;text-align:center;gap:var(--space-md)}@media (max-width: 768px){.task-allocation-dashboard{padding:var(--space-md)}.task-allocation-header{flex-direction:column;align-items:flex-start}.header-title-section h1{font-size:1.5rem}.header-actions{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:1fr;gap:var(--space-md)}.stat-card__value{font-size:1.5rem}}@media (max-width: 480px){.user-avatar{width:40px;height:40px;font-size:.8rem}.user-name{font-size:.9rem}.task-counts{padding:var(--space-sm)}}.pending-task-card{height:100%;border-left:4px solid var(--ocean-blue);transition:all .3s ease;cursor:default}.pending-task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pending-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-sm)}.pending-task-name{font-size:1rem!important;font-weight:600!important;color:var(--navigation-dark);flex:1;line-height:1.4!important;margin:0!important}.pending-task-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.pending-task-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--deck-gray)}.pending-task-detail:last-child{border-bottom:none}.pending-task-detail .MuiTypography-caption{font-weight:500;text-transform:uppercase;font-size:.65rem;letter-spacing:.5px}.pending-task-detail .MuiTypography-body2{font-weight:600;color:var(--navigation-dark);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queries-page{padding:var(--spacing-6);max-width:1800px;margin:0 auto}.queries-header{margin-bottom:var(--spacing-6);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.queries-header .header-text h3{font-size:1.5rem;font-weight:600;color:var(--color-ocean-900);margin:0 0 var(--spacing-2) 0}.queries-header .header-text p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.queries-page-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);color:var(--color-ocean-600)}.loading-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.queries-filters{margin-bottom:var(--spacing-6)}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--spacing-8)}.empty-state-content{text-align:center;max-width:400px}.empty-state-icon{color:var(--color-ocean-300);margin-bottom:var(--spacing-4)}.empty-state-content h3{font-size:1.25rem;font-weight:600;color:var(--color-ocean-900);margin:0 0 var(--spacing-2) 0}.empty-state-content p{color:var(--color-text-secondary);margin:0 0 var(--spacing-4) 0;line-height:1.5}.queries-list{margin-top:var(--spacing-4)}.queries-table{box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.queries-page{padding:var(--spacing-4)}.queries-header{flex-direction:column}.queries-header .header-text h3{font-size:1.25rem}.queries-filters{padding:var(--spacing-4)!important}.empty-state{padding:var(--spacing-4);min-height:300px}.empty-state-content{max-width:100%}.empty-state-icon{width:32px;height:32px}}@media (min-width: 769px) and (max-width: 1024px){.queries-page{padding:var(--spacing-5)}.queries-header .header-text h3{font-size:1.375rem}}.system-settings{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:1200px;margin:0 auto}.system-settings--loading,.system-settings--error{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:var(--space-md)}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-cabin-gray);padding-bottom:var(--space-lg)}.settings-header-title{display:flex;align-items:center;gap:var(--space-sm)}.settings-header-icon{color:var(--color-ocean-blue);width:28px;height:28px}.settings-header h1{font-size:2rem;font-weight:600;color:var(--color-navigation-dark);margin:0}.settings-header-subtitle{color:var(--color-chart-gray);margin-top:var(--space-xs);font-size:1rem}.settings-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.scope-selector{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray)}.scope-selector-label{font-weight:600;color:var(--color-navigation-dark);font-size:.875rem}.scope-toggle{display:flex;background:var(--color-hull-white);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray);overflow:hidden}.scope-toggle-option{padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-chart-gray);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.scope-toggle-option:hover{background:var(--color-deck-gray);color:var(--color-navigation-dark)}.scope-toggle-option--active{background:var(--color-ocean-blue);color:var(--color-hull-white)}.scope-toggle-option--active:hover{background:var(--color-deep-sea)}.tenant-selector{display:flex;align-items:center;gap:var(--space-sm)}.tenant-selector select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white);color:var(--color-navigation-dark);font-size:.875rem;min-width:200px}.settings-groups{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-group{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.group-header{padding:var(--space-lg);background:var(--color-deck-gray);border-bottom:1px solid var(--color-cabin-gray);display:flex;align-items:center;justify-content:space-between}.group-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-navigation-dark)}.group-stats{font-size:.875rem;color:var(--color-chart-gray)}.group-content{padding:var(--space-lg)}.settings-list{display:flex;flex-direction:column;gap:var(--space-lg)}.setting-item{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white);transition:all .2s ease}.setting-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-harbor-blue)}.setting-item--modified{border-left:4px solid var(--color-warning-beacon);background:#fffbf5}.setting-item--error{border-left:4px solid var(--color-alert-flare);background:#fef2f2}.setting-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.setting-info{flex:1}.setting-info h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-navigation-dark)}.setting-key{font-family:var(--font-mono);font-size:.75rem;color:var(--color-chart-gray);background:var(--color-deck-gray);padding:2px 6px;border-radius:var(--radius-sm);margin-top:var(--space-xs);display:inline-block}.setting-description{margin-top:var(--space-sm);color:var(--color-chart-gray);font-size:.875rem;line-height:1.5}.setting-provenance{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm)}.provenance-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.provenance-badge--system{background:var(--color-info-wave);color:var(--color-hull-white)}.provenance-badge--tenant{background:var(--color-ocean-blue);color:var(--color-hull-white)}.provenance-badge--default{background:var(--color-cabin-gray);color:var(--color-chart-gray)}.provenance-badge--override{background:var(--color-warning-beacon);color:var(--color-hull-white)}.setting-controls{display:flex;align-items:center;gap:var(--space-sm)}.inherit-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-deck-gray);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;transition:all .2s ease}.inherit-toggle:hover{background:var(--color-cabin-gray)}.inherit-toggle--active{background:var(--color-ocean-blue);color:var(--color-hull-white);border-color:var(--color-ocean-blue)}.setting-value-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.setting-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white);color:var(--color-navigation-dark);font-size:.875rem;transition:border-color .2s ease}.setting-input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #1e3a8a1a}.setting-input--error{border-color:var(--color-alert-flare)}.setting-textarea{min-height:80px;resize:vertical;font-family:inherit}.setting-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-checkbox{width:18px;height:18px;accent-color:var(--color-ocean-blue)}.setting-json-editor{font-family:var(--font-mono);font-size:.75rem;min-height:120px}.setting-actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.setting-action-btn{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);background:var(--color-hull-white);color:var(--color-chart-gray);font-size:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs)}.setting-action-btn:hover{background:var(--color-deck-gray);color:var(--color-navigation-dark)}.setting-action-btn--primary{background:var(--color-ocean-blue);color:var(--color-hull-white);border-color:var(--color-ocean-blue)}.setting-action-btn--primary:hover{background:var(--color-deep-sea);border-color:var(--color-deep-sea)}.setting-action-btn--danger{background:var(--color-alert-flare);color:var(--color-hull-white);border-color:var(--color-alert-flare)}.setting-action-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.setting-validation{margin-top:var(--space-xs);font-size:.75rem}.validation-error{color:var(--color-alert-flare);display:flex;align-items:center;gap:var(--space-xs)}.validation-success{color:var(--color-success-marina);display:flex;align-items:center;gap:var(--space-xs)}.settings-search{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray);margin-bottom:var(--space-lg)}.search-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white);font-size:.875rem}.search-input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #1e3a8a1a}.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white);font-size:.875rem;min-width:150px}.audit-modal{max-width:800px}.audit-log-list{display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto}.audit-log-item{padding:var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-deck-gray)}.audit-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.audit-log-user{font-weight:600;color:var(--color-navigation-dark)}.audit-log-date{font-size:.75rem;color:var(--color-chart-gray)}.audit-log-changes{display:flex;flex-direction:column;gap:var(--space-xs)}.audit-log-value{font-family:var(--font-mono);font-size:.75rem;padding:var(--space-xs);background:var(--color-hull-white);border-radius:var(--radius-sm);border:1px solid var(--color-cabin-gray)}.audit-log-value--old{border-left:3px solid var(--color-alert-flare)}.audit-log-value--new{border-left:3px solid var(--color-success-marina)}.settings-empty{text-align:center;padding:var(--space-xl);color:var(--color-chart-gray)}.settings-empty-icon{width:48px;height:48px;margin:0 auto var(--space-md);color:var(--color-cabin-gray)}.settings-empty h3{margin:0 0 var(--space-sm);color:var(--color-navigation-dark)}.settings-empty p{margin:0;font-size:.875rem}@media (max-width: 768px){.system-settings{padding:var(--space-md);gap:var(--space-md)}.settings-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.settings-header-actions{width:100%;justify-content:flex-end}.scope-selector{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.scope-toggle{width:100%}.scope-toggle-option{flex:1;text-align:center}.tenant-selector{width:100%}.tenant-selector select{width:100%;min-width:auto}.setting-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.setting-controls{align-self:stretch;justify-content:flex-end}.setting-actions{flex-wrap:wrap}.group-header,.group-content,.setting-item{padding:var(--space-md)}.settings-search{flex-direction:column;gap:var(--space-sm)}.search-input{width:100%}.filter-select{width:100%;min-width:auto}}.inventory-schema-editor{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.schema-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.schema-editor-header h4{margin:0;color:var(--color-ocean-blue);font-size:var(--font-size-lg)}.add-section-form{background:var(--color-wave-foam);border:1px solid var(--color-ocean-blue);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.add-section-form input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.add-section-form .form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.schema-sections-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.schema-section-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);overflow:hidden}.schema-section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.section-name{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;flex:1}.section-name h5{margin:0;font-size:var(--font-size-md);color:var(--color-ocean-blue)}.section-name .item-count{color:var(--color-gray-500);font-size:var(--font-size-sm)}.section-name-editor input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-ocean-blue);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:500}.section-controls{display:flex;gap:var(--spacing-xs)}.schema-section-content{padding:var(--spacing-md)}.section-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.item-editor{border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--spacing-sm);background:var(--color-white)}.item-editor-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.item-basic-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;flex-wrap:wrap}.item-name-input{flex:1;min-width:200px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.item-quantity-input{width:80px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.item-actions{display:flex;gap:var(--spacing-xs)}.item-editor-instructions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-sm)}.item-editor-instructions .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-editor-instructions label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.item-editor-instructions textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;resize:vertical}.add-item-btn{width:100%}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-gray-500)}.empty-state .empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-md)}.empty-state p{margin:0;font-size:var(--font-size-base)}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--color-gray-600);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-ocean-blue)}.btn-icon--sm{padding:4px}.btn-icon--danger{color:var(--color-error-signal)}.btn-icon--danger:hover{background:var(--color-error-signal-light);color:var(--color-error-signal)}.planned-itinerary{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,var(--surface-primary) 100%);padding:1rem;max-width:1200px;margin:0 auto}.planned-itinerary--loading,.planned-itinerary--error{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:1rem;color:var(--text-secondary)}.loading-icon,.error-icon{color:var(--primary-600);animation:pulse 2s infinite}.planned-itinerary-header{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary-200);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-icon{color:var(--primary-600);background:var(--primary-50);padding:.5rem;border-radius:.75rem;width:40px;height:40px}.planned-itinerary-header h1{color:var(--primary-900);margin:0;font-size:1.5rem;font-weight:700}.header-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.95rem}.daily-itineraries-container{min-height:300px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:1.5rem;background:#ffffff80;border:2px dashed var(--primary-200);border-radius:1.5rem;padding:2rem}.empty-state .empty-icon{color:var(--primary-300);background:var(--primary-50);padding:1.5rem;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.empty-state h2{color:var(--primary-900);margin:0;font-size:1.5rem;font-weight:600}.empty-state p{color:var(--text-secondary);margin:0;max-width:400px;font-size:1rem;line-height:1.5}.itineraries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:0}.itinerary-card{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary-200)!important;border-radius:1rem!important;transition:all .3s ease!important;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a!important}.itinerary-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -5px #00000026!important;border-color:var(--primary-400)!important}.itinerary-card .MuiCardContent-root{flex:1;padding:1.5rem!important}.itinerary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--primary-100)}.date-section{display:flex;align-items:center;gap:.75rem}.date-icon{color:var(--primary-600);background:var(--primary-50);padding:.25rem;border-radius:.5rem;width:28px;height:28px}.date-text{color:var(--primary-900)!important;font-weight:700!important;font-size:1.1rem!important;margin:0}.ports-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;position:relative}.port-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:var(--surface-secondary);border-radius:.75rem;border:1px solid transparent;transition:all .2s ease}.port-item:hover{border-color:var(--primary-200);background:#fff}.port-icon{color:var(--primary-500);margin-top:2px;flex-shrink:0}.port-details{flex:1}.port-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.7rem!important;display:block;margin-bottom:.25rem;letter-spacing:.05em}.port-name{color:var(--primary-900)!important;font-weight:600!important;font-size:.95rem!important;margin:0 0 .25rem}.port-address{color:var(--text-secondary)!important;font-size:.8rem!important;display:block;line-height:1.4}.port-divider{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--primary-300);font-size:1.2rem;z-index:1;display:none}.status-badge{padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge--pending{background:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-200)}.status-badge--processing{background:var(--color-info-wave);color:#fff}.status-badge--generated,.status-badge--completed{background:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.status-badge--cancelled{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.briefing-preview,.feedback-preview{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--primary-50);border-radius:.75rem;margin-bottom:.5rem;border:1px solid var(--primary-100)}.briefing-icon,.feedback-icon{color:var(--primary-600);flex-shrink:0;margin-top:2px}.briefing-text,.feedback-text{color:var(--primary-900)!important;font-size:.85rem!important;line-height:1.5;margin:0}.itinerary-card-actions{padding:1rem 1.5rem!important;border-top:1px solid var(--primary-100);background:var(--surface-secondary);gap:.5rem}.itinerary-card-actions .MuiButton-root{text-transform:none!important;font-weight:600!important;border-radius:.5rem!important}.itinerary-editor .MuiDialog-paper{border-radius:1.5rem!important;background:var(--surface-primary)!important}.itinerary-editor-header{background:var(--surface-secondary);border-bottom:1px solid var(--primary-100);padding:1.5rem 2rem!important}.itinerary-editor-content{padding:2rem!important}.itinerary-form-section{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:1rem;border:1px solid var(--primary-100);box-shadow:0 2px 4px #00000005}.form-section-title{color:var(--primary-900)!important;font-weight:700!important;margin-bottom:1rem!important;font-size:1.1rem!important}.current-value-box{background:var(--primary-50);padding:1rem;border-radius:.75rem;border:1px solid var(--primary-200);margin-top:1rem}.value-label{color:var(--primary-700)!important;font-weight:600!important;font-size:.85rem!important;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.planned-itinerary{padding:.5rem}.planned-itinerary-header{padding:1rem;flex-direction:column;align-items:stretch;text-align:center}.header-title{justify-content:center;margin-bottom:1rem}.itineraries-grid{grid-template-columns:1fr}.itinerary-card-header{flex-direction:row;align-items:center}.itinerary-editor-content{padding:1rem!important}.itinerary-form-section{padding:1rem;margin-bottom:1rem}}.email-templates{padding:var(--space-lg);min-height:calc(100vh - 200px)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);margin-top:var(--space-lg);min-height:fit-content}.template-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);transition:all var(--transition-normal)}.template-card:hover{border-color:var(--color-harbor-blue);box-shadow:var(--shadow-md)}.template-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.template-type{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize;background:var(--color-deck-gray);color:var(--color-chart-gray)}.template-type.welcome{background:var(--color-nautical-light);color:var(--color-ocean-blue)}.template-type.pre_departure{background:#fef3c7;color:var(--color-warning-beacon)}.template-type.post_charter{background:#d1fae5;color:var(--color-success-marina)}.template-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.template-badge.default{background:var(--color-ocean-blue);color:var(--color-hull-white)}.template-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.template-status.active{background:#d1fae5;color:var(--color-success-marina)}.template-status.inactive{background:#fee2e2;color:var(--color-alert-flare)}.template-details{padding-top:var(--space-md)}.template-subject{margin-bottom:var(--space-sm);font-size:.875rem;color:var(--color-text-primary)}.template-modified{font-size:.75rem;color:var(--color-chart-gray)}.engagement-modal{min-width:600px;max-width:800px}.modal-close-btn{position:absolute;top:var(--space-md);right:var(--space-md)}.engagement-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.form-input,.form-select,.form-textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:.875rem;transition:border-color var(--transition-normal);background:var(--color-hull-white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #1e3a8a1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-deck-gray);color:var(--color-chart-gray);cursor:not-allowed}.form-textarea{resize:vertical;min-height:120px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.5}.form-checkbox-wrapper{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-checkbox{width:16px;height:16px;accent-color:var(--color-ocean-blue)}.form-checkbox-label{font-size:.875rem;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.template-preview-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.preview-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md)}.template-preview-content{background:var(--color-deck-gray);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-lg)}.preview-subject{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-cabin-gray);font-size:.875rem}.preview-body{line-height:1.6;color:var(--color-text-primary)}.preview-body p{margin-bottom:var(--space-sm)}.preview-body h1,.preview-body h2,.preview-body h3,.preview-body h4,.preview-body h5,.preview-body h6{margin-bottom:var(--space-sm);color:var(--color-navigation-dark)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-md)}.error-message{color:var(--color-alert-flare);font-size:.875rem;text-align:center}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr;gap:var(--space-md)}.template-card-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.template-actions{justify-content:flex-end}.engagement-modal{min-width:95vw;max-width:95vw;margin:var(--space-sm)}.modal-close-btn{position:static;align-self:flex-end}}@media (max-width: 480px){.email-templates{padding:var(--space-md)}.template-meta{flex-direction:column;align-items:flex-start}.template-actions{justify-content:center;width:100%}}.engagement-dashboard{padding:var(--space-lg)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.metric-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.metric-icon{color:var(--color-ocean-blue)}.metric-value{font-size:2rem;font-weight:700;color:var(--color-navigation-dark);margin-bottom:var(--space-xs)}.metric-label{color:var(--color-chart-gray);font-size:.875rem}.metric-change{font-size:.75rem;font-weight:500}.metric-change.positive{color:var(--color-success-marina)}.metric-change.negative{color:var(--color-alert-flare)}.engagement-table{width:100%;border-collapse:collapse;background:var(--color-hull-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.engagement-table th,.engagement-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-cabin-gray)}.engagement-table th{background:var(--color-deck-gray);font-weight:600;color:var(--color-navigation-dark);font-size:.875rem}.engagement-table tr:hover{background:var(--color-deck-gray)}.engagement-table tr:last-child td{border-bottom:none}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.status-indicator.sent{background:var(--color-nautical-light);color:var(--color-ocean-blue)}.status-indicator.delivered{background:#d1fae5;color:var(--color-success-marina)}.status-indicator.opened{background:#fef3c7;color:var(--color-warning-beacon)}.status-indicator.failed{background:#fee2e2;color:var(--color-alert-flare)}.status-indicator.scheduled{background:var(--color-deck-gray);color:var(--color-chart-gray)}.engagement-playbooks{padding:var(--space-lg)}.playbooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.playbook-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);background:var(--color-hull-white);transition:all var(--transition-normal)}.playbook-card:hover{border-color:var(--color-harbor-blue);box-shadow:var(--shadow-md)}.playbook-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.playbook-info{flex:1;min-width:0}.playbook-name{font-size:1.125rem;font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-xs)}.playbook-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;margin-bottom:var(--space-sm)}.playbook-stages{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--color-nautical-light);color:var(--color-ocean-blue)}.playbook-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.playbook-badge.default{background:var(--color-ocean-blue);color:var(--color-hull-white)}.playbook-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.playbook-status.active{background:#d1fae5;color:var(--color-success-marina)}.playbook-status.inactive{background:#fee2e2;color:var(--color-alert-flare)}.playbook-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.playbook-details{padding-top:var(--space-md)}.playbook-description{margin-bottom:var(--space-md);font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.playbook-coverage{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);font-size:.875rem;color:var(--color-chart-gray)}.playbook-modified{font-size:.75rem;color:var(--color-chart-gray)}.playbook-modal{min-width:700px;max-width:900px;max-height:85vh}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.stages-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.stages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.stages-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.stages-list{display:flex;flex-direction:column;gap:var(--space-md)}.stage-item{display:flex;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-deck-gray);transition:all var(--transition-normal)}.stage-item:hover{border-color:var(--color-harbor-blue);background:var(--color-hull-white)}.stage-order{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex-shrink:0}.stage-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-ocean-blue);color:var(--color-hull-white);font-weight:600;font-size:.875rem}.stage-move-buttons{display:flex;flex-direction:column;gap:var(--space-xs)}.stage-move-buttons .btn{min-width:auto;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center}.stage-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.stage-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md)}.stage-actions{display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0}.no-stages-message{text-align:center;padding:var(--space-xl);color:var(--color-chart-gray)}.no-stages-message p{margin-bottom:var(--space-md);font-style:italic}@media (max-width: 768px){.playbooks-grid{grid-template-columns:1fr;gap:var(--space-md)}.playbook-card-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.playbook-actions{justify-content:flex-end}.playbook-modal{min-width:95vw;max-width:95vw;margin:var(--space-sm)}.form-row{grid-template-columns:1fr}.stage-item{flex-direction:column;gap:var(--space-sm)}.stage-order{flex-direction:row;justify-content:space-between;align-items:center}.stage-move-buttons{flex-direction:row}.stage-row{grid-template-columns:1fr}.stages-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}}@media (max-width: 480px){.engagement-playbooks{padding:var(--space-md)}.playbook-meta{flex-direction:column;align-items:flex-start}.playbook-actions{justify-content:center;width:100%}}.communication-stages{padding:var(--space-lg)}.stages-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-lg);max-width:1200px}.stage-card{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white);transition:all var(--transition-normal)}.stage-card:hover{border-color:var(--color-harbor-blue);box-shadow:var(--shadow-sm)}.stage-card .card-header{padding:var(--space-md) var(--space-md) var(--space-xs) var(--space-md)}.stage-card .card-content{padding:0 var(--space-md) var(--space-md) var(--space-md)}.stage-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.stage-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-md)}.stage-name{font-size:1rem;font-weight:600;color:var(--color-navigation-dark);margin:0;min-width:0;flex-shrink:0}.stage-meta{display:flex;gap:var(--space-sm);align-items:center}.stage-order{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--color-deck-gray);color:var(--color-chart-gray);white-space:nowrap}.stage-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap}.stage-status.active{background:#d1fae5;color:var(--color-success-marina)}.stage-status.inactive{background:#fee2e2;color:var(--color-alert-flare)}.stage-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.stage-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-md);align-items:center}.stage-description{font-size:.875rem;color:var(--color-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.stage-trigger,.stage-template{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--color-chart-gray);min-width:0}.stage-trigger span,.stage-template span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-trigger svg,.stage-template svg{color:var(--color-ocean-blue);flex-shrink:0}.stage-modal{min-width:650px;max-width:750px}.stage-preview-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.stage-preview-content{background:var(--color-deck-gray);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.preview-timing,.preview-template,.preview-order{font-size:.875rem;color:var(--color-text-primary)}@media (max-width: 768px){.communication-stages{padding:var(--space-md)}.stages-list{grid-template-columns:1fr;gap:var(--space-sm)}.stage-card-header,.stage-info{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.stage-name{font-size:1rem}.stage-meta{justify-content:flex-start}.stage-actions{justify-content:flex-end}.stage-modal{min-width:95vw;max-width:95vw;margin:var(--space-sm)}.stage-details{grid-template-columns:1fr;gap:var(--space-sm)}}@media (max-width: 480px){.stage-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.stage-actions{justify-content:center;width:100%}.stage-details{gap:var(--space-xs)}.stage-trigger,.stage-template{font-size:.75rem}}.form-display{padding:var(--space-sm) var(--space-md);background:var(--color-fog-gray);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);color:var(--color-navigation-dark);font-size:.875rem;min-height:40px;display:flex;align-items:center}.header-actions{display:flex;gap:var(--space-md)}.llm-generation-section{margin-bottom:var(--space-lg)}.available-fields-info{background:var(--color-sail-light);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.available-fields-info h4{color:var(--color-navigation-dark);margin-bottom:var(--space-sm);font-size:.95rem}.fields-grid{display:grid;gap:var(--space-sm);max-height:200px;overflow-y:auto}.field-category{font-size:.875rem}.field-category strong{color:var(--color-harbor-blue);text-transform:capitalize}.field-category ul{margin:var(--space-xs) 0 0 var(--space-md);padding:0;list-style:none}.field-category li{margin-bottom:var(--space-xs);color:var(--color-navigation-dark)}.field-category code{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-sm);padding:2px 6px;font-family:Monaco,Menlo,monospace;font-size:.8rem;color:var(--color-harbor-blue);margin-right:var(--space-xs)}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-xs)}.form-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.preview-modal.large{max-width:90vw;width:1200px;max-height:90vh}.preview-controls{display:flex;gap:var(--space-xs)}.booking-selection{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md);border:1px solid var(--color-cabin-gray)}.booking-selection .form-label{margin-bottom:var(--space-sm);font-weight:600;color:var(--color-navigation-dark)}.booking-controls{display:flex;gap:var(--space-md);align-items:center}.booking-controls .form-select{flex:1;min-width:300px}.preview-meta{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-nautical-light);border-radius:var(--radius-sm);border-left:4px solid var(--color-ocean-blue)}.preview-meta div{margin-bottom:var(--space-xs);font-size:.875rem;color:var(--color-navigation-dark)}.preview-body{min-height:500px;max-height:70vh;overflow-y:auto}.email-preview{border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);background:var(--color-hull-white);padding:var(--space-lg)}.email-preview.desktop{max-width:600px;margin:0 auto}.email-preview.mobile{max-width:320px;margin:0 auto}.preview-subject{background:var(--color-sail-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:.9rem;border-left:4px solid var(--color-harbor-blue)}.preview-content{line-height:1.6}.html-code{background:var(--color-navigation-dark);color:var(--color-hull-white);padding:var(--space-lg);border-radius:var(--radius-md);font-family:Monaco,Menlo,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;max-height:60vh;overflow-y:auto}.html-code code{color:inherit;background:transparent;border:none;padding:0}.scheduled-emails{padding:var(--space-lg);min-height:calc(100vh - 200px)}.page-header{margin-bottom:var(--space-lg)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.header-text{flex:1}.page-title{display:flex;align-items:center;gap:var(--space-md);font-size:1.5rem;font-weight:700;color:var(--color-navigation-dark);margin-bottom:var(--space-xs)}.page-title-icon{color:var(--color-ocean-blue)}.page-subtitle{font-size:.875rem;color:var(--color-chart-gray);margin:0}.header-actions{display:flex;gap:var(--space-sm);align-items:center}.engagement-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.engagement-error{margin-bottom:var(--space-lg)}.filter-controls{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:flex;gap:var(--space-md);align-items:end}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.emails-list{display:flex;flex-direction:column;gap:var(--space-md)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-state-content{max-width:400px;margin:0 auto}.empty-state-icon{color:var(--color-chart-gray);margin-bottom:var(--space-md)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-sm)}.empty-state p{color:var(--color-chart-gray);font-size:.875rem;line-height:1.5}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.template-info{flex:1;min-width:0}.template-name{font-size:1.125rem;font-weight:600;color:var(--color-navigation-dark);margin-bottom:var(--space-xs)}.template-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.email-recipient,.email-yacht{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-chart-gray)}.email-recipient svg,.email-yacht svg{color:var(--color-ocean-blue);flex-shrink:0}.template-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-indicator.sent{background:#d1fae5;color:var(--color-success-marina)}.status-indicator.scheduled,.status-indicator.pending{background:var(--color-nautical-light);color:var(--color-ocean-blue)}.status-indicator.failed,.status-indicator.cancelled{background:#fee2e2;color:var(--color-alert-flare)}.status-indicator.sending{background:#fef3c7;color:var(--color-warning-beacon)}.template-details{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md)}.email-stage,.email-template,.email-timing{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-text-primary)}.email-timing svg{color:var(--color-ocean-blue);flex-shrink:0}.relative-time{color:var(--color-chart-gray);font-style:italic;margin-left:var(--space-xs)}.email-error{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:#fee2e2;border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-alert-flare)}.email-error svg{flex-shrink:0}.email-retries{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-warning-beacon)}.email-retries svg{flex-shrink:0}.email-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-cabin-gray)}.spinner-small{width:16px;height:16px;border:2px solid var(--color-cabin-gray);border-top:2px solid var(--color-ocean-blue);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.scheduled-emails{padding:var(--space-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.header-actions{justify-content:flex-end}.form-row{flex-direction:column;gap:var(--space-sm)}.form-actions{justify-content:stretch}.form-actions .btn{flex:1}.template-card-header{flex-direction:column;gap:var(--space-sm)}.template-actions{justify-content:flex-end}.email-actions{justify-content:stretch}.email-actions .btn{flex:1}}.insights-dashboard{padding:var(--space-lg);max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:var(--space-2xl)}.analysis-selector{margin-bottom:var(--space-2xl)}.analysis-selector label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--color-navigation-dark)}.analysis-selector select{width:100%;max-width:400px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;background:var(--color-hull-white);color:var(--color-navigation-dark)}.insight-section{margin-bottom:var(--space-2xl)}.insight-section h2{font-size:1.5rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-lg)}.summary-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg)}.summary-card p{margin:0;line-height:1.6;color:var(--color-navigation-dark);font-size:1.125rem}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.kpi-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md);transition:box-shadow .2s ease}.kpi-card:hover{box-shadow:0 4px 12px #0000001a}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-nautical-light);color:var(--color-ocean-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.success{background:#0596691a;color:var(--color-success-marina)}.kpi-icon.warning{background:#d977061a;color:var(--color-warning-beacon)}.kpi-content{display:flex;flex-direction:column;gap:var(--space-xs)}.kpi-label{font-size:.875rem;color:var(--color-chart-gray);font-weight:500}.kpi-value{font-size:2rem;font-weight:700;color:var(--color-navigation-dark)}.topics-list{display:grid;gap:var(--space-md)}.topic-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg)}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.topic-header h3{margin:0;font-size:1.125rem;color:var(--color-navigation-dark)}.topic-share{font-size:1.5rem;font-weight:700;color:var(--color-ocean-blue)}.topic-trend{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#0891b21a;color:var(--color-info-wave);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-bottom:var(--space-sm)}.topic-examples{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-cabin-gray)}.topic-examples strong{display:block;margin-bottom:var(--space-sm);color:var(--color-navigation-dark)}.topic-examples ul{margin:0;padding-left:var(--space-lg)}.topic-examples li{margin-bottom:var(--space-xs);color:var(--color-chart-gray)}.actions-list{display:grid;gap:var(--space-md)}.action-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg)}.action-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.action-header h3{margin:0;font-size:1.125rem;color:var(--color-navigation-dark)}.action-badges{display:flex;gap:var(--space-sm)}.badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.effort-low,.impact-high{background:#0596691a;color:var(--color-success-marina)}.effort-medium,.impact-medium{background:#d977061a;color:var(--color-warning-beacon)}.effort-high,.impact-low{background:#dc26261a;color:var(--color-alert-flare)}.action-card p{margin:0 0 var(--space-md);color:var(--color-chart-gray);line-height:1.6}.action-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--color-cabin-gray);font-size:.875rem;color:var(--color-chart-gray)}.alerts-list{display:grid;gap:var(--space-md)}.alert-card{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid}.alert-card.severity-low{background:#0891b21a;border-color:var(--color-info-wave)}.alert-card.severity-medium{background:#d977061a;border-color:var(--color-warning-beacon)}.alert-card.severity-high{background:#dc26261a;border-color:var(--color-alert-flare)}.alert-card strong{display:block;margin-bottom:var(--space-xs);color:var(--color-navigation-dark)}.alert-card p{margin:0;color:var(--color-chart-gray)}.gaps-list{display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}.gap-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md)}.gap-item svg{color:var(--color-ocean-blue);flex-shrink:0}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md);text-align:center}@media (max-width: 768px){.kpis-grid{grid-template-columns:1fr}.action-header{flex-direction:column;align-items:flex-start}.action-footer{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.message-exports{padding:var(--space-lg);max-width:1400px;margin:0 auto}.exports-header{margin-bottom:var(--space-2xl)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.header-title{display:flex;align-items:flex-start;gap:var(--space-md)}.header-title h1{font-size:2rem;font-weight:600;color:var(--color-deep-navigation);margin:0 0 var(--space-sm)}.exports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-lg)}.export-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:box-shadow .2s ease}.export-card:hover{box-shadow:0 4px 12px #0000001a}.export-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.export-info{display:flex;gap:var(--space-md);flex:1;min-width:0}.export-info svg{color:var(--color-ocean-blue);flex-shrink:0;margin-top:2px}.export-info h3{font-size:1rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-xs)}.export-meta{font-size:.875rem;color:var(--color-chart-gray);margin:0}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;white-space:nowrap}.status-pending{background:#d977061a;color:var(--color-warning-beacon)}.status-processing{background:#0891b21a;color:var(--color-info-wave)}.status-processing svg{animation:spin 1s linear infinite}.status-completed{background:#0596691a;color:var(--color-success-marina)}.status-failed{background:#dc26261a;color:var(--color-alert-flare)}.export-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md)}.stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:.75rem;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--color-navigation-dark)}.export-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#dc26261a;color:var(--color-alert-flare);border-radius:var(--radius-md);font-size:.875rem}.export-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-cabin-gray)}.btn-icon{padding:var(--space-sm);border:1px solid var(--color-cabin-gray);background:var(--color-hull-white);color:var(--color-chart-gray);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{border-color:var(--color-ocean-blue);color:var(--color-ocean-blue)}.btn-icon.active{background:var(--color-ocean-blue);border-color:var(--color-ocean-blue);color:#fff}.btn-icon.btn-danger:hover{border-color:var(--color-alert-flare);color:var(--color-alert-flare);background:#dc26261a}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);background:var(--color-hull-white);color:var(--color-navigation-dark);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:500}.btn-secondary:hover{background:var(--color-ocean-blue);color:#fff;border-color:var(--color-ocean-blue)}.export-footer{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-cabin-gray);font-size:.875rem;color:var(--color-chart-gray)}.export-footer svg{color:var(--color-ocean-blue)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;gap:var(--space-md)}.empty-state h3{font-size:1.5rem;color:var(--color-navigation-dark);margin:0}.empty-state p{color:var(--color-chart-gray);margin:0 0 var(--space-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:var(--color-hull-white);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header h2{margin:0;font-size:1.25rem;color:var(--color-navigation-dark)}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--color-chart-gray);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.btn-close:hover{background:var(--color-deck-gray)}form{padding:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--color-navigation-dark)}.form-group input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;background:var(--color-hull-white);color:var(--color-navigation-dark)}.form-group input:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #0e5e9b1a}.form-group small{display:block;margin-top:var(--space-xs);font-size:.875rem;color:var(--color-chart-gray)}.modal-actions{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.modal-actions button{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-primary{background:var(--color-ocean-blue);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm)}.btn-primary:hover:not(:disabled){background:var(--color-deep-sea)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-actions .btn-secondary:hover:not(:disabled){background:var(--color-deck-gray)}.alert{padding:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.alert-error{background:#dc26261a;color:var(--color-alert-flare);border:1px solid var(--color-alert-flare)}@media (max-width: 768px){.exports-grid{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:stretch}.export-stats{grid-template-columns:1fr}}.bot-training{padding:var(--space-lg);max-width:1400px;margin:0 auto}.training-header{margin-bottom:var(--space-2xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.stat-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md)}.stat-icon.approved{background:#0596691a;color:var(--color-success-marina)}.stat-icon.pending{background:#d977061a;color:var(--color-warning-beacon)}.stat-icon.rejected{background:#dc26261a;color:var(--color-alert-flare)}.training-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.training-list{display:grid;gap:var(--space-lg)}.training-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow .2s ease}.training-card:hover{box-shadow:0 4px 12px #0000001a}.training-card.status-approved{border-left:4px solid var(--color-success-marina)}.training-card.status-pending{border-left:4px solid var(--color-warning-beacon)}.training-card.status-rejected{border-left:4px solid var(--color-alert-flare)}.header-left{display:flex;gap:var(--space-sm);align-items:center}.status-badge.approved{background:#0596691a;color:var(--color-success-marina)}.status-badge.pending{background:#d977061a;color:var(--color-warning-beacon)}.status-badge.rejected{background:#dc26261a;color:var(--color-alert-flare)}.confidence-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.confidence-badge.high{background:#0596691a;color:var(--color-success-marina)}.confidence-badge.medium{background:#d977061a;color:var(--color-warning-beacon)}.confidence-badge.low{background:#dc26261a;color:var(--color-alert-flare)}.rag-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:#6366f11a;color:#6366f1;cursor:help}.qa-section{display:grid;gap:var(--space-md)}.question-block,.answer-block{padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md)}.question-block strong,.answer-block strong{display:block;margin-bottom:var(--space-sm);color:var(--color-ocean-blue);font-weight:600}.question-block p,.answer-block p{margin:0;line-height:1.6;color:var(--color-navigation-dark)}.context-block{margin-top:var(--space-md);padding:var(--space-md);background:#0891b21a;border-radius:var(--radius-md);border-left:3px solid var(--color-info-wave)}.context-block strong{display:block;margin-bottom:var(--space-sm);color:var(--color-info-wave);font-weight:600}.context-text{margin:0;line-height:1.6;color:var(--color-chart-gray);font-size:.875rem}.metadata{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-cabin-gray)}.category-tag{padding:var(--space-xs) var(--space-sm);background:var(--color-nautical-light);color:var(--color-ocean-blue);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.source-info{color:var(--color-chart-gray);font-size:.875rem}.card-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-secondary,.btn-success,.btn-danger{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger{background:var(--color-alert-flare);color:#fff}.btn-danger:hover{background:var(--color-alert-flare)}.modal-content{background:var(--color-hull-white);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.detail-section{margin-bottom:var(--space-lg)}.detail-section h3{margin:0 0 var(--space-sm);color:var(--color-ocean-blue);font-size:1.125rem}.detail-section p{margin:0;line-height:1.6;color:var(--color-navigation-dark)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-label{font-size:.75rem;color:var(--color-chart-gray);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.edit-textarea{width:100%;padding:var(--space-md);border:2px solid var(--color-ocean-blue);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;margin-top:var(--space-sm);background:var(--color-hull-white);color:var(--color-navigation-dark)}.edit-textarea:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px #1e3a8a1a}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.training-controls{flex-direction:column}.search-box{min-width:100%}.card-actions{flex-direction:column}.card-actions button{width:100%;justify-content:center}.metadata-grid{grid-template-columns:1fr}}.yacht-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-nautical-light);color:var(--color-ocean-blue);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.yacht-badge.general{background:var(--color-cabin-gray);color:var(--color-chart-gray)}.yacht-badge svg{width:14px;height:14px}.yacht-selector{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-nautical-light);border-radius:var(--radius-md)}.yacht-selector strong{color:var(--color-navigation-dark);font-size:.875rem}.yacht-selector .edit-select,.form-group .form-control{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;background:var(--color-hull-white);color:var(--color-navigation-dark);transition:all .2s ease}.yacht-selector .edit-select:focus,.form-group .form-control:focus{outline:none;border-color:var(--color-ocean-blue);box-shadow:0 0 0 3px var(--color-nautical-light)}.form-group label{display:block;margin-bottom:var(--space-xs);color:var(--color-navigation-dark);font-weight:600;font-size:.875rem}.form-group small{display:block;margin-top:var(--space-xs);color:var(--color-chart-gray);font-size:.75rem}.form-group textarea.form-control{resize:vertical;min-height:80px}.training-controls .btn-primary{white-space:nowrap}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .6s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.form-group .btn-primary:disabled{opacity:.6;cursor:not-allowed}.images-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.images-section strong{display:block;margin-bottom:var(--space-md);color:var(--color-navigation-dark);font-weight:600}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md);max-width:400px}.image-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-cabin-gray);background:var(--color-deck-gray)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-delete-btn{position:absolute;top:var(--space-xs);right:var(--space-xs);background:var(--color-alert-flare);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.image-delete-btn:hover{background:#b91c1c;transform:scale(1.1)}.image-upload-btn{aspect-ratio:1;border:2px dashed var(--color-ocean-blue);border-radius:var(--radius-md);background:var(--color-nautical-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-base);color:var(--color-ocean-blue)}.image-upload-btn:hover{background:var(--color-ocean-blue);color:#fff;border-color:var(--color-ocean-blue)}.image-upload-btn svg{width:24px;height:24px}.image-upload-btn span{font-size:.75rem;font-weight:600;text-align:center}.image-upload-btn small{font-size:.625rem;opacity:.8;text-align:center;margin-top:0}.image-upload-btn:has(input:disabled){opacity:.5;cursor:not-allowed}@media (max-width: 768px){.images-grid{grid-template-columns:repeat(3,1fr)}.image-upload-btn small{display:none}}.knowledge-gaps{padding:var(--space-lg);max-width:1400px;margin:0 auto}.gaps-header{margin-bottom:var(--space-2xl)}.header-title{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.header-title svg{color:var(--color-ocean-blue);flex-shrink:0}.header-title h1{font-size:2rem;font-weight:600;color:var(--color-navigation-dark);margin:0 0 var(--space-sm)}.header-title p{color:var(--color-chart-gray);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.stat-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.highlight{border:2px solid var(--color-alert-flare)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.total{background:var(--color-nautical-light);color:var(--color-ocean-blue)}.stat-icon.identified{background:#d977061a;color:var(--color-warning-beacon)}.stat-icon.progress{background:#0891b21a;color:var(--color-info-wave)}.stat-icon.resolved{background:#0596691a;color:var(--color-success-marina)}.stat-icon.high-priority{background:#dc26261a;color:var(--color-alert-flare)}.stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--color-chart-gray);font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--color-navigation-dark)}.gaps-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md)}.search-box svg{color:var(--color-cabin-gray)}.search-box input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--color-navigation-dark);outline:none}.filter-group{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md)}.filter-group svg{color:var(--color-cabin-gray)}.filter-group select{border:none;background:transparent;font-size:1rem;color:var(--color-navigation-dark);outline:none}.gaps-list{display:grid;gap:var(--space-lg)}.gap-card{background:var(--color-hull-white);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow .2s ease}.gap-card:hover{box-shadow:0 4px 12px #0000001a}.gap-card.priority-high{border-left:4px solid var(--color-alert-flare)}.gap-card.priority-medium{border-left:4px solid var(--color-warning-beacon)}.gap-card.priority-low{border-left:4px solid var(--color-info-wave)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.header-left{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.header-meta{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-chart-gray);font-size:.875rem}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.identified{background:#d977061a;color:var(--color-warning-beacon)}.status-badge.in-progress{background:#0891b21a;color:var(--color-info-wave)}.status-badge.resolved{background:#0596691a;color:var(--color-success-marina)}.priority-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#dc26261a;color:var(--color-alert-flare)}.priority-badge.medium{background:#d977061a;color:var(--color-warning-beacon)}.priority-badge.low{background:#0891b21a;color:var(--color-info-wave)}.type-badge{padding:var(--space-xs) var(--space-sm);background:var(--color-nautical-light);color:var(--color-ocean-blue);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.frequency-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-nautical-light);color:var(--color-ocean-blue);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.card-content{margin-bottom:var(--space-lg)}.description-block,.examples-block,.suggestion-block,.resolution-block{margin-bottom:var(--space-md)}.description-block strong,.examples-block strong,.suggestion-block strong,.resolution-block strong{display:block;margin-bottom:var(--space-sm);color:var(--color-ocean-blue);font-weight:600}.description-block p,.suggestion-block p,.resolution-block p{margin:0;line-height:1.6;color:var(--color-navigation-dark)}.examples-block ul{margin:0;padding-left:var(--space-lg);list-style-type:disc}.examples-block li{margin-bottom:var(--space-xs);color:var(--color-chart-gray);line-height:1.5}.suggestion-block{padding:var(--space-md);background:#0891b21a;border-radius:var(--radius-md);border-left:3px solid var(--color-info-wave)}.resolution-block{padding:var(--space-md);background:#0596691a;border-radius:var(--radius-md);border-left:3px solid var(--color-success-marina)}.impact-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-deck-gray);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-chart-gray)}.impact-bar{flex:1;height:8px;background:var(--color-cabin-gray);border-radius:4px;overflow:hidden}.impact-fill{height:100%;background:linear-gradient(to right,var(--color-warning-beacon),var(--color-alert-flare));transition:width .3s ease}.card-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.btn-primary,.btn-secondary,.btn-success{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-ocean-blue);color:#fff}.btn-primary:hover{background:var(--color-deep-sea)}.btn-secondary{background:var(--color-hull-white);color:var(--color-navigation-dark);border:1px solid var(--color-cabin-gray)}.btn-secondary:hover{background:var(--color-deck-gray)}.btn-success{background:var(--color-success-marina);color:#fff}.btn-success:hover{background:var(--color-success-marina)}.btn-success:disabled{background:var(--color-cabin-gray);cursor:not-allowed;opacity:.6}.resolved-info{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#0596691a;color:var(--color-success-marina);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:var(--color-hull-white);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-cabin-gray)}.modal-header h2{margin:0;color:var(--color-navigation-dark)}.close-btn{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--color-chart-gray);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:var(--color-navigation-dark)}.modal-body{padding:var(--space-lg)}.gap-summary{padding:var(--space-md);background:var(--color-deck-gray);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.gap-summary h3{margin:0 0 var(--space-sm);color:var(--color-ocean-blue)}.gap-summary p{margin:0;color:var(--color-chart-gray);line-height:1.6}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--color-navigation-dark)}.form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--color-cabin-gray);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--color-navigation-dark);background:var(--color-hull-white);resize:vertical}.form-group textarea:focus{outline:none;border-color:var(--color-ocean-blue)}.help-text{margin:var(--space-sm) 0 0;font-size:.875rem;color:var(--color-chart-gray)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-cabin-gray)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md);text-align:center}.empty-state svg{color:var(--color-cabin-gray)}.empty-state h2{font-size:1.5rem;color:var(--color-navigation-dark);margin:0}.empty-state p{color:var(--color-chart-gray);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.gaps-controls{flex-direction:column}.search-box{min-width:100%}.card-actions{flex-direction:column}.card-actions button{width:100%;justify-content:center}}.about-container{max-width:1200px;margin:0 auto;padding:2rem}.about-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e0e0e0)}.about-header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;flex-shrink:0}.about-header-content h1{margin:0;font-size:2rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.about-subtitle{margin:.5rem 0 0;font-size:1rem;color:var(--text-secondary, #666)}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-card{background:#fff;border-radius:12px;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 4px #0000000d;overflow:hidden}.about-card-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e0e0e0)}.about-card-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.about-card-header svg{color:var(--primary-color, #1e3a8a)}.about-card-body{padding:1.5rem}.about-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--text-secondary, #666)}.about-loading .spin{animation:spin 1s linear infinite}.about-info-grid{display:grid;gap:1.5rem}.about-info-item{display:flex;flex-direction:column;gap:.5rem}.about-info-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.about-info-label svg{color:var(--primary-color, #1e3a8a)}.about-info-value{font-size:1.125rem;font-weight:500;color:var(--text-primary, #1a1a1a);padding-left:1.5rem}.about-info-commit{font-family:Monaco,Courier New,monospace;background:var(--bg-secondary, #f8f9fa);padding:.5rem .75rem;border-radius:6px;display:inline-block}.about-error{padding:2rem;text-align:center;color:var(--text-secondary, #666)}.about-features-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.about-features-list li{padding-left:1.5rem;position:relative;color:var(--text-primary, #1a1a1a);line-height:1.6}.about-features-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:1.125rem}.about-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.about-tech-item{display:flex;flex-direction:column;gap:.5rem}.about-tech-item strong{font-size:.875rem;font-weight:600;color:var(--primary-color, #1e3a8a);text-transform:uppercase;letter-spacing:.5px}.about-tech-item span{font-size:1rem;color:var(--text-primary, #1a1a1a)}.about-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0);text-align:center}.about-copyright{margin:0 0 1rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a1a)}.about-legal{margin:0;font-size:.875rem;color:var(--text-secondary, #666);line-height:1.6}@media (max-width: 768px){.about-container{padding:1rem}.about-header{flex-direction:column;align-items:flex-start;gap:1rem}.about-header-content h1{font-size:1.5rem}.about-tech-grid{grid-template-columns:1fr}.about-card-header,.about-card-body{padding:1rem}}.maintenance-dashboard{padding:var(--space-lg);max-width:1400px;margin:0 auto}.maintenance-dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);gap:var(--space-md);flex-wrap:wrap}.maintenance-dashboard__title-section{display:flex;align-items:flex-start;gap:var(--space-md);flex:1;min-width:0}.maintenance-dashboard__title-section>.btn{flex-shrink:0;align-self:flex-start;margin-top:4px}.maintenance-dashboard__icon{color:var(--color-ocean-blue);flex-shrink:0}.maintenance-dashboard__title{margin:0;color:var(--color-text-primary);font-weight:600;display:flex;align-items:center}.maintenance-dashboard__subtitle{margin:var(--space-xs) 0 0;color:var(--color-chart-gray);font-size:.875rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.maintenance-dashboard__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:flex-start}.maintenance-dashboard__actions .btn{white-space:nowrap}.maintenance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.maintenance-stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all .2s ease;border:1px solid var(--color-border-light)}.maintenance-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.maintenance-stat-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.maintenance-stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.maintenance-stat-card__icon--overdue{background:#dc26261a;color:var(--color-alert-flare)}.maintenance-stat-card__icon--due-soon{background:#f59e0b1a;color:var(--color-warning-beacon)}.maintenance-stat-card__icon--in-progress{background:#3b82f61a;color:var(--color-info-wave)}.maintenance-stat-card__icon--pending{background:#6b72801a;color:var(--color-chart-gray)}.maintenance-stat-card__value{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1}.maintenance-stat-card__label{color:var(--color-chart-gray);font-size:.875rem;margin-top:var(--space-xs)}.maintenance-records{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.maintenance-records__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.maintenance-records__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.maintenance-records__filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.maintenance-records__list{padding:var(--space-md)}.maintenance-record-item{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);border:1px solid var(--color-border-light);transition:all .2s ease;cursor:pointer}.maintenance-records-table{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.maintenance-records-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:.875rem}.maintenance-records-row:last-child{border-bottom:none}.maintenance-records-row--header{background:var(--color-surface);font-weight:600;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.maintenance-records-row__title{font-weight:600;color:var(--color-text-primary)}.maintenance-records-row__yacht,.maintenance-records-row__due{color:var(--color-chart-gray)}.maintenance-records-row__actions{display:flex;gap:var(--space-xs);justify-content:flex-end;flex-wrap:wrap}.maintenance-records-row__actions .btn{padding:4px 8px;font-size:.75rem;line-height:1}.maintenance-record-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-ocean-blue)}.maintenance-record-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.maintenance-record-item__title{font-weight:600;color:var(--color-text-primary);margin:0}.maintenance-record-item__yacht{color:var(--color-chart-gray);font-size:.875rem;margin-top:var(--space-xs)}.maintenance-record-item__meta{display:flex;gap:var(--space-lg);flex-wrap:wrap;font-size:.875rem;color:var(--color-chart-gray)}.maintenance-record-item__meta-item{display:flex;align-items:center;gap:var(--space-xs)}.priority-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-badge--low{background:#6b72801a;color:var(--color-chart-gray)}.priority-badge--medium{background:#3b82f61a;color:var(--color-info-wave)}.priority-badge--high{background:#f59e0b1a;color:var(--color-warning-beacon)}.priority-badge--critical,.priority-badge--urgent{background:#dc26261a;color:var(--color-alert-flare)}.maintenance-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.maintenance-status-badge--scheduled{background:#6b72801a;color:var(--color-chart-gray)}.maintenance-status-badge--due{background:#f59e0b1a;color:var(--color-warning-beacon)}.maintenance-status-badge--overdue{background:#dc26261a;color:var(--color-alert-flare)}.maintenance-status-badge--in_progress{background:#3b82f61a;color:var(--color-info-wave)}.maintenance-status-badge--completed{background:#10b9811a;color:var(--color-success-marina)}.maintenance-status-badge--cancelled{background:#6b72801a;color:var(--color-chart-gray)}.parts-inventory__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.parts-inventory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.part-card{background:#fff;border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all .2s ease}.part-card:hover{box-shadow:var(--shadow-md)}.part-card--low-stock{border-color:var(--color-warning-beacon);background:#f59e0b05}.part-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.part-card__title{font-weight:600;color:var(--color-text-primary);margin:0}.part-card__number{font-size:.875rem;color:var(--color-chart-gray);margin-top:var(--space-xs)}.part-card__stock{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md)}.part-card__stock-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.part-card__stock-label{font-size:.875rem;color:var(--color-chart-gray)}.low-stock-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px;border-radius:var(--radius-sm);background:#f59e0b1a;color:var(--color-warning-beacon);font-size:.75rem;font-weight:600}.maintenance-empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--color-chart-gray)}.maintenance-empty-state__icon{margin:0 auto var(--space-md);opacity:.3}.maintenance-empty-state__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-sm)}.maintenance-empty-state__description{color:var(--color-chart-gray);margin:0 0 var(--space-lg)}.maintenance-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-chart-gray)}.maintenance-loading__spinner{margin-bottom:var(--space-md)}@media (max-width: 768px){.maintenance-dashboard{padding:var(--space-md)}.maintenance-dashboard__header{flex-direction:column}.maintenance-stats{grid-template-columns:1fr}.maintenance-records__filters{width:100%;flex-direction:column}.maintenance-record-item__header{flex-direction:column;gap:var(--space-sm)}.maintenance-records-row{grid-template-columns:1fr;align-items:flex-start}.maintenance-records-row--header{display:none}.maintenance-records-row__actions{justify-content:flex-start}.maintenance-parts-row,.maintenance-items-row,.maintenance-schedules-row{grid-template-columns:1fr;align-items:flex-start}.maintenance-parts-row--header,.maintenance-items-row--header,.maintenance-schedules-row--header{display:none}.maintenance-parts-row__actions,.maintenance-items-row__actions,.maintenance-schedules-row__actions{justify-content:flex-start}.parts-inventory__grid{grid-template-columns:1fr}}@media (max-width: 480px){.maintenance-stat-card__value{font-size:1.5rem}.maintenance-record-item__meta{flex-direction:column;gap:var(--space-xs)}}.maintenance-filters{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.maintenance-filters__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.maintenance-filters__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.maintenance-schedules-table{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);overflow:hidden}.maintenance-schedules-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:.875rem}.maintenance-schedules-row:last-child{border-bottom:none}.maintenance-schedules-row--header{background:var(--color-background-secondary);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.maintenance-schedules-row__title{font-weight:600;color:var(--color-text-primary)}.maintenance-schedules-row__yacht{color:var(--color-chart-gray)}.maintenance-schedules-row__actions{display:flex;gap:var(--space-xs);justify-content:flex-end;flex-wrap:wrap}.maintenance-schedules-row__actions .btn{padding:4px 8px;font-size:.75rem;line-height:1}.maintenance-schedule-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;white-space:nowrap}.maintenance-schedule-status.status-active{background:var(--color-success-light);color:var(--color-success)}.maintenance-schedule-status.status-inactive{background:var(--color-chart-gray-light);color:var(--color-chart-gray)}.maintenance-schedule-status.status-overdue{background:var(--color-error-light);color:var(--color-error)}.maintenance-schedule-status.status-due-soon{background:var(--color-warning-light);color:var(--color-warning)}.maintenance-parts-table{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);overflow:hidden}.maintenance-parts-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:.875rem}.maintenance-parts-row:last-child{border-bottom:none}.maintenance-parts-row--header{background:var(--color-background-secondary);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.maintenance-parts-row__title{font-weight:600;color:var(--color-text-primary)}.maintenance-parts-row__stock .stock-value{font-weight:600}.maintenance-parts-row__actions{display:flex;gap:var(--space-xs);justify-content:flex-end;flex-wrap:wrap}.maintenance-parts-row__actions .btn{padding:4px 8px;font-size:.75rem;line-height:1}.stock-quantity{display:flex;flex-direction:column;gap:var(--space-xs)}.stock-value{font-weight:600;color:var(--color-text-primary)}.stock-reorder-info{font-size:.75rem;color:var(--color-chart-gray)}.maintenance-parts-status{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500}.maintenance-parts-status.stock-ok{background:var(--color-success-light);color:var(--color-success)}.maintenance-parts-status.stock-low{background:var(--color-warning-light);color:var(--color-warning)}.maintenance-parts-status.stock-out{background:var(--color-error-light);color:var(--color-error)}.maintenance-parts-actions{display:flex;gap:var(--space-xs)}.maintenance-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.maintenance-items-table{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);overflow:hidden}.maintenance-items-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:.875rem}.maintenance-items-row:last-child{border-bottom:none}.maintenance-items-row--header{background:var(--color-background-secondary);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.maintenance-items-row__title{display:flex;align-items:center;gap:var(--space-xs);font-weight:600;color:var(--color-text-primary)}.maintenance-items-row__icon{display:inline-flex;color:var(--color-ocean-blue)}.maintenance-items-row__actions{display:flex;gap:var(--space-xs);justify-content:flex-end;flex-wrap:wrap}.maintenance-items-row__actions .btn{padding:4px 8px;font-size:.75rem;line-height:1}.maintenance-item-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);padding:var(--space-lg);transition:box-shadow .2s ease}.maintenance-item-card:hover{box-shadow:var(--shadow-md)}.maintenance-item-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md)}.maintenance-item-card__title{display:flex;align-items:flex-start;gap:var(--space-md)}.maintenance-item-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-ocean-blue-light);border-radius:var(--border-radius-md);color:var(--color-ocean-blue);flex-shrink:0}.maintenance-item-card__header h3{margin:0 0 var(--space-xs);color:var(--color-text-primary);font-size:1.125rem}.maintenance-item-card__type{flex-shrink:0}.maintenance-item-card__description{margin:var(--space-md) 0;color:var(--color-chart-gray);font-size:.875rem;line-height:1.5}.maintenance-item-card__metadata{display:grid;gap:var(--space-sm);margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-background-secondary);border-radius:var(--border-radius-sm)}.maintenance-item-card__meta-item{display:flex;justify-content:space-between;font-size:.875rem}.maintenance-item-card__meta-item .label{color:var(--color-chart-gray)}.maintenance-item-card__meta-item .value{color:var(--color-text-primary);font-weight:500}.maintenance-item-card__documents{display:flex;align-items:center;gap:var(--space-xs);margin:var(--space-md) 0;padding:var(--space-sm);background:var(--color-background-secondary);border-radius:var(--border-radius-sm);color:var(--color-chart-gray);font-size:.875rem}.maintenance-item-card__actions{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.maintenance-records-list{display:flex;flex-direction:column;gap:var(--space-md)}.maintenance-dashboard__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.view-mode-selector{display:flex;gap:var(--space-xs);background-color:var(--color-surface);padding:4px;border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.view-mode-selector .btn{min-width:100px;height:40px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:none;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs);justify-content:center}.view-mode-selector .btn-secondary{background-color:transparent;color:var(--color-text-secondary);border:1px solid transparent}.view-mode-selector .btn-secondary:hover{background-color:var(--color-background);border-color:var(--color-border);color:var(--color-text-primary)}.view-mode-selector .btn-primary{background-color:var(--color-ocean-blue);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.view-mode-selector .btn-primary:hover{background-color:var(--color-ocean-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.maintenance-detail-card,.maintenance-hours-card,.maintenance-history-card{grid-column:1 / -1}.maintenance-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);padding:var(--space-lg)}.maintenance-detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.maintenance-detail-item--full{grid-column:1 / -1}.maintenance-detail-label{font-size:.75rem;font-weight:600;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.05em}.maintenance-detail-value{font-size:1rem;color:var(--color-text-primary);font-weight:500;display:flex;align-items:center;gap:var(--space-xs)}.maintenance-detail-value--with-icon{display:flex;align-items:center;gap:var(--space-xs)}.maintenance-detail-value--with-icon svg{color:var(--color-ocean-blue);flex-shrink:0}.maintenance-detail-notes{margin:0;padding:var(--space-md);background:var(--color-background-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-ocean-blue);color:var(--color-text-primary);line-height:1.6}.maintenance-hours-card,.maintenance-history-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.maintenance-assignment-card{grid-column:1 / -1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.maintenance-assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl);padding:var(--space-lg)}.maintenance-assignment-row{display:flex;gap:var(--space-sm);align-items:flex-start}.maintenance-assignment-row .form-select{flex:1}.maintenance-assignment-row .btn{flex-shrink:0;white-space:nowrap}.maintenance-parts-card,.maintenance-parts-history-card,.maintenance-workflow-card{grid-column:1 / -1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.maintenance-workflow-tasks{padding:0 var(--space-lg) var(--space-lg)}.maintenance-workflow-tasks-title{margin:0 0 var(--space-md) 0;padding-top:var(--space-md);border-top:1px solid var(--color-border-light);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.maintenance-parts-list{padding:var(--space-lg);display:grid;gap:var(--space-md)}.maintenance-parts-item{padding:var(--space-md);background:var(--color-background-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-ocean-blue)}.maintenance-parts-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-md)}.maintenance-parts-item-name{font-weight:600;color:var(--color-text-primary);font-size:1rem}.maintenance-parts-item-number{font-size:.75rem;color:var(--color-chart-gray);font-family:var(--font-mono);background:#fff;padding:2px 8px;border-radius:var(--radius-sm)}.maintenance-parts-item-details{display:flex;gap:var(--space-lg);flex-wrap:wrap}.maintenance-parts-item-detail{display:flex;flex-direction:column;gap:var(--space-xs)}.maintenance-parts-filter{display:flex;flex-direction:column;gap:var(--space-xs);min-width:180px}.maintenance-parts-filter .form-label{margin:0;font-size:.75rem}.maintenance-parts-filter .form-select{font-size:.875rem}.maintenance-parts-cell{display:flex;flex-direction:column;gap:2px}.maintenance-parts-cell-name{font-weight:500;color:var(--color-text-primary)}.maintenance-parts-cell-number{font-size:.75rem;color:var(--color-chart-gray);font-family:var(--font-mono)}.maintenance-parts-cell-notes{color:var(--color-text-primary)}.maintenance-parts-cell-task{font-size:.75rem;color:var(--color-chart-gray)}.maintenance-loading,.maintenance-error,.maintenance-empty{padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-chart-gray)}.maintenance-error{color:var(--color-alert-flare)}.maintenance-error svg{color:var(--color-alert-flare)}.maintenance-upcoming-card{margin:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,#105d9d0d,#105d9d05);border:1px solid var(--color-ocean-blue);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md)}.maintenance-upcoming-header{display:flex;align-items:center;gap:var(--space-sm)}.maintenance-upcoming-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.maintenance-upcoming-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.maintenance-upcoming-task{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.maintenance-upcoming-dates{display:flex;gap:var(--space-xl);padding:var(--space-sm) 0}.maintenance-date-item{display:flex;flex-direction:column;gap:var(--space-xs)}.maintenance-table-wrapper{overflow-x:auto;border-top:1px solid var(--color-border-light)}.maintenance-table{width:100%;border-collapse:collapse;font-size:.875rem}.maintenance-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border-light)}.maintenance-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.maintenance-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color .15s ease}.maintenance-table-row{cursor:pointer}.maintenance-table-row:hover{background:var(--color-background-secondary)}.maintenance-table td{padding:var(--space-md) var(--space-lg);color:var(--color-text-primary)}.maintenance-table-task{font-weight:600;color:var(--color-ocean-blue)}@media (max-width: 768px){.maintenance-dashboard__header{flex-direction:column;align-items:stretch}.maintenance-dashboard__title-section{flex-direction:column;gap:var(--space-sm)}.maintenance-dashboard__actions{width:100%}.maintenance-dashboard__actions .btn{flex:1;justify-content:center}.maintenance-detail-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}.maintenance-upcoming-dates{flex-direction:column;gap:var(--space-md)}.maintenance-table-wrapper{margin:0 -var(--space-lg)}.maintenance-table th,.maintenance-table td{padding:var(--space-sm) var(--space-md)}}.maintenance-timeline{width:100%;height:calc(100vh - 280px);display:flex;flex-direction:column;background-color:var(--color-surface);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.scheduler-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-ocean-blue) 0%,var(--color-ocean-blue-dark) 100%);color:var(--color-text-inverse);gap:var(--spacing-4);flex-wrap:wrap}.scheduler-navigation{display:flex;gap:var(--spacing-2);align-items:center}.scheduler-nav-btn{min-width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-inverse);transition:all var(--transition-normal)}.scheduler-nav-btn:hover{background-color:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.scheduler-nav-btn:active{transform:translateY(0)}.scheduler-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);flex:1;justify-content:center}.view-mode-selector{display:flex;gap:var(--spacing-2);background-color:#ffffff1a;padding:var(--spacing-1);border-radius:var(--border-radius-md)}.view-mode-selector .btn{min-width:80px;height:40px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:none;transition:all var(--transition-normal)}.view-mode-selector .btn-secondary{background-color:transparent;color:var(--color-text-inverse);border:1px solid transparent}.view-mode-selector .btn-secondary:hover{background-color:#ffffff1a;border-color:#fff3}.view-mode-selector .btn-primary{background-color:#fffffff2;color:var(--color-ocean-blue);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.view-mode-selector .btn-primary:hover{background-color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.scheduler-legend{display:flex;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-background);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.legend-color{width:16px;height:16px;border-radius:var(--border-radius-sm);border:1px solid rgba(0,0,0,.1)}.scheduler-container{flex:1;overflow:auto;position:relative}.scheduler-container .scheduler_default_rowheader_inner{padding:var(--spacing-2) var(--spacing-3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-background);border-right:2px solid var(--color-ocean-blue)}.scheduler-container .scheduler_default_cell{border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.scheduler-container .scheduler_default_cell_inner{background-color:var(--color-surface)}.scheduler-container .scheduler_default_cell.scheduler_default_cell_business_0,.scheduler-container .scheduler_default_cell.scheduler_default_cell_business_6{background-color:rgba(var(--color-ocean-blue-rgb),.05)}.scheduler-container .scheduler_default_timeheadercol_today{background-color:rgba(var(--color-nautical-gold-rgb),.1)}.scheduler-container .scheduler_default_cell.scheduler_default_cell_today{background-color:rgba(var(--color-nautical-gold-rgb),.05)}.scheduler-container .scheduler_default_timeheadergroup,.scheduler-container .scheduler_default_timeheadercol{background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.scheduler-container .scheduler_default_event{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.scheduler-container .scheduler_default_event:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);z-index:100}.scheduler-container .scheduler_default_event_inner{padding:var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);line-height:1.3}.maintenance-event-content{display:flex;flex-direction:column;gap:var(--spacing-1);height:100%;color:#fff}.maintenance-event-header{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-semibold)}.maintenance-event-priority{font-size:var(--font-size-xs);line-height:1}.maintenance-event-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.maintenance-event-details{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs);opacity:.9}.maintenance-event-type,.maintenance-event-assigned,.maintenance-event-hours{background-color:#0003;padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);white-space:nowrap}.maintenance-event-overdue{background-color:#dc2626e6;color:#fff;padding:2px var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-align:center;margin-top:var(--spacing-1);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.maintenance-tooltip{padding:var(--spacing-2);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary)}.maintenance-tooltip strong{display:block;margin-bottom:var(--spacing-1);color:var(--color-ocean-blue);font-size:var(--font-size-base)}.maintenance-timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--spacing-4);color:var(--color-text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-ocean-blue);border-radius:50%;animation:spin 1s linear infinite}.scheduler-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-3);color:var(--color-text-secondary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.scheduler-empty svg{opacity:.3}@media (max-width: 1024px){.scheduler-header{flex-direction:column;align-items:stretch}.scheduler-title{justify-content:flex-start;order:-1}.scheduler-navigation{order:0}.view-mode-selector{order:1;justify-content:stretch}.view-mode-selector .btn{flex:1}.maintenance-timeline{height:calc(100vh - 320px)}}@media (max-width: 768px){.scheduler-legend{gap:var(--spacing-2);padding:var(--spacing-2);font-size:var(--font-size-xs)}.legend-item{gap:var(--spacing-1)}.legend-color{width:12px;height:12px}.maintenance-event-details{flex-direction:column;gap:var(--spacing-1)}.scheduler-header{padding:var(--spacing-3)}.view-mode-selector .btn{min-width:60px;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}@media print{.maintenance-timeline{height:auto;box-shadow:none}.scheduler-header{background:var(--color-ocean-blue);-webkit-print-color-adjust:exact;print-color-adjust:exact}.scheduler-navigation,.view-mode-selector{display:none}.scheduler-container{overflow:visible}}.scheduler-nav-btn:focus-visible,.view-mode-selector .btn:focus-visible{outline:2px solid var(--color-ocean-blue);outline-offset:2px}@media (prefers-contrast: high){.scheduler-container .scheduler_default_event{border:2px solid currentColor}.legend-color{border-width:2px}}@media (prefers-reduced-motion: reduce){.scheduler-container .scheduler_default_event,.scheduler-nav-btn,.view-mode-selector .btn,.loading-spinner,.maintenance-event-overdue{animation:none;transition:none}.scheduler-container .scheduler_default_event:hover{transform:none}}.checklist-viewer{margin-top:var(--space-md)}.checklist-viewer__empty{padding:var(--space-xl);text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius)}.checklist-viewer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.checklist-viewer__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.checklist-viewer__progress{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);min-width:200px}.checklist-viewer__progress-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.checklist-viewer__progress-bar{width:100%;height:8px;background-color:var(--bg-secondary);border-radius:4px;overflow:hidden}.checklist-viewer__progress-fill{height:100%;background-color:var(--color-success);transition:width .3s ease}.checklist-viewer__list{display:flex;flex-direction:column;gap:var(--space-sm)}.checklist-viewer__item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);transition:border-color .2s ease}.checklist-viewer__item--completed{border-left:4px solid var(--color-success)}.checklist-viewer__item--skipped{border-left:4px solid var(--color-warning);opacity:.85}.checklist-viewer__item--not_applicable{border-left:4px solid var(--text-tertiary);opacity:.7}.checklist-viewer__item--pending{border-left:4px solid var(--border-color)}.checklist-viewer__item-header{display:flex;gap:var(--space-md)}.checklist-viewer__item-status{display:flex;align-items:flex-start;gap:var(--space-xs);flex-shrink:0}.checklist-viewer__icon--completed{color:var(--color-success)}.checklist-viewer__icon--skipped{color:var(--color-warning)}.checklist-viewer__icon--na{color:var(--text-tertiary)}.checklist-viewer__icon--pending{color:var(--border-color)}.checklist-viewer__item-number{font-weight:600;color:var(--text-secondary);min-width:24px}.checklist-viewer__item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.checklist-viewer__item-title{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.checklist-viewer__required-badge{display:inline-flex;align-items:center;padding:2px 8px;background-color:var(--color-error);color:#fff;font-size:.688rem;font-weight:600;text-transform:uppercase;border-radius:4px;letter-spacing:.5px}.checklist-viewer__item-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.checklist-viewer__item-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:.813rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.checklist-viewer__status-badge{padding:2px 8px;border-radius:4px;font-weight:500;font-size:.75rem}.checklist-viewer__status-badge--completed{background-color:#4caf501a;color:var(--color-success)}.checklist-viewer__status-badge--skipped{background-color:#ff98001a;color:var(--color-warning)}.checklist-viewer__status-badge--not_applicable{background-color:var(--bg-secondary);color:var(--text-tertiary)}.checklist-viewer__timestamp{display:flex;align-items:center;gap:4px}.checklist-viewer__user{font-style:italic}.checklist-viewer__item-notes{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-xs)}.checklist-viewer__item-notes svg{flex-shrink:0;margin-top:2px}.parts-stock-history{background:var(--color-bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--color-border);padding:var(--space-lg);margin-top:var(--space-lg)}.parts-stock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.title-section{display:flex;align-items:center;gap:var(--space-sm)}.title-section h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.filter-section{display:flex;align-items:center;gap:var(--space-sm)}.filter-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.movements-timeline{position:relative}.movement-item{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);position:relative}.movement-item:last-child .timeline-line{display:none}.movement-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.movement-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1;background:var(--color-bg-primary)}.movement-icon.consumption{color:var(--color-error);border:2px solid var(--color-error)}.movement-icon.addition{color:var(--color-success);border:2px solid var(--color-success)}.movement-icon.neutral{color:var(--color-ocean-blue);border:2px solid var(--color-ocean-blue)}.timeline-line{width:2px;flex-grow:1;background:var(--color-border);margin-top:var(--space-xs)}.movement-content{flex-grow:1;background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);padding:var(--space-md);border:1px solid var(--color-border)}.movement-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.movement-type-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-ocean-blue-light);color:var(--color-ocean-blue);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.movement-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.movement-details{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-row{display:flex;gap:var(--space-sm);font-size:var(--font-size-sm)}.detail-row strong{min-width:100px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.detail-row span{color:var(--color-text-primary)}.quantity.positive{color:var(--color-success);font-weight:var(--font-weight-semibold)}.quantity.negative{color:var(--color-error);font-weight:var(--font-weight-semibold)}.quantity.neutral{color:var(--color-text-secondary)}.stock-after{font-weight:var(--font-weight-semibold);color:var(--color-ocean-blue)}.detail-row.notes{flex-direction:column;gap:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.detail-row.notes span{font-style:italic;color:var(--color-text-secondary)}.parts-stock-loading{text-align:center;padding:var(--space-xl)}@media (max-width: 768px){.parts-stock-header{flex-direction:column;align-items:stretch}.detail-row{flex-direction:column;gap:var(--space-xs)}.detail-row strong{min-width:unset}}.checklist-editor{margin-top:var(--space-lg);padding:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.checklist-editor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.checklist-editor__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.checklist-editor__empty{padding:var(--space-xl);text-align:center;color:var(--text-secondary);background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--border-radius)}.checklist-editor__list{display:flex;flex-direction:column;gap:var(--space-sm)}.checklist-editor__item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);transition:box-shadow .2s ease}.checklist-editor__item:hover{box-shadow:0 2px 4px #0000000d}.checklist-editor__item-header{display:flex;align-items:flex-start;gap:var(--space-sm)}.checklist-editor__item-controls{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.checklist-editor__grip{color:var(--text-tertiary);cursor:grab}.checklist-editor__grip:active{cursor:grabbing}.checklist-editor__move-buttons{display:flex;flex-direction:column;gap:2px}.checklist-editor__item-number{font-weight:600;color:var(--text-secondary);min-width:24px}.checklist-editor__item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.checklist-editor__title-input{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.938rem;font-weight:500}.checklist-editor__title-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0077b61a}.checklist-editor__item-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs)}.checklist-editor__description-input{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;resize:vertical;font-family:inherit}.checklist-editor__description-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0077b61a}.checklist-editor__checkbox-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary);cursor:pointer}.checklist-editor__checkbox-label input[type=checkbox]{cursor:pointer}.checklist-editor__summary{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);font-size:.875rem}.btn-xs{padding:2px;min-width:auto}.btn-ghost{background:transparent;border:none}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-ghost:disabled{opacity:.3;cursor:not-allowed}.btn-error:hover:not(:disabled){background-color:var(--color-error);color:#fff}.equipment-hours-container{padding:var(--space-lg)}.equipment-hours-loading,.equipment-hours-empty{padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center}.equipment-hours-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.equipment-hours-current{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.equipment-hours-current-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-chart-gray)}.equipment-hours-current-value{font-size:2rem;font-weight:700;color:var(--color-ocean-blue);line-height:1}.equipment-hours-form{background:var(--color-background-secondary);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--color-border-light)}.equipment-hours-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.equipment-hours-form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.equipment-hours-table-wrapper{overflow-x:auto;border-top:1px solid var(--color-border-light)}.equipment-hours-table{width:100%;border-collapse:collapse;font-size:.875rem}.equipment-hours-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border-light)}.equipment-hours-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;color:var(--color-chart-gray);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.equipment-hours-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color .15s ease}.equipment-hours-table tbody tr:hover{background:var(--color-background-secondary)}.equipment-hours-row--latest{background:#105d9d0d!important}.equipment-hours-table td{padding:var(--space-md) var(--space-lg);color:var(--color-text-primary)}.equipment-hours-reading{color:var(--color-ocean-blue);font-weight:600}.equipment-hours-delta{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-success-marina);font-weight:500}.equipment-hours-type{display:inline-flex;align-items:center;gap:var(--space-xs)}@media (max-width: 768px){.equipment-hours-header{flex-direction:column;align-items:stretch}.equipment-hours-header .btn{width:100%}.equipment-hours-form-grid{grid-template-columns:1fr}.equipment-hours-table-wrapper{margin:0 calc(var(--space-lg) * -1)}.equipment-hours-table th,.equipment-hours-table td{padding:var(--space-sm) var(--space-md)}}.hour-logs-table thead{background:var(--color-bg-tertiary)}.hour-logs-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.hour-logs-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.hour-logs-table tbody tr:hover{background:var(--color-bg-tertiary)}.hour-logs-table tbody tr.latest{background:var(--color-ocean-blue-light);font-weight:var(--font-weight-medium)}.hour-logs-table td{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.date-cell{color:var(--color-text-secondary);white-space:nowrap}.reading-cell{color:var(--color-ocean-blue);font-weight:var(--font-weight-semibold)}.delta-cell{white-space:nowrap}.delta-positive{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-success);font-weight:var(--font-weight-medium)}.delta-neutral{color:var(--color-text-tertiary)}.reading-type{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.user-cell,.notes-cell{color:var(--color-text-secondary)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-secondary)}.empty-state svg{margin-bottom:var(--space-md);color:var(--color-text-tertiary)}.empty-state p{font-size:var(--font-size-base);margin-bottom:var(--space-xs);color:var(--color-text-primary)}.empty-state small{font-size:var(--font-size-sm)}.equipment-hours-loading{text-align:center;padding:var(--space-xl)}@media (max-width: 768px){.add-log-form .form-row{grid-template-columns:1fr}.equipment-hours-header{flex-direction:column;align-items:stretch}.hour-logs-table{font-size:var(--font-size-xs)}.hour-logs-table th,.hour-logs-table td{padding:var(--space-xs) var(--space-sm)}}.role-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:50%;color:#fff}.role-avatar svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.dialog-paper{border-radius:12px!important}.dialog-title{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-bottom:1px solid #e0e0e0;padding:16px 24px!important;font-weight:600!important}.dialog-content{padding:24px!important}.dialog-actions{padding:16px 24px!important;border-top:1px solid #e0e0e0;background:#fafafa}