body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#071b33;--color-secondary:#c3dce580;--color-third:#134785;--color-hover:#c3dce580;--color-selected:#c3dce54d;--color-text:#333;--color-text-light:#fff;--color-popup:#fdf3e3;--color-active:#2ecc40;--color-maintenance:#f1c40f;--color-progress:#3498db;--color-fouling-paint:#8d8d8d;--color-danger:#e74c3c;--color-warning:#f1c40f;--color-success:#2ecc40;--color-light:#fff;--color-transparent:#08636300;--color-gray-10:#8d8d8d1a;--color-gray-20:#8d8d8d33;--color-gray-30:#8d8d8d4d;--color-gray-50:#8d8d8d80;--color-gray-70:#8d8d8db3;--color-gray-100:#8d8d8d;--color-gray-200:#828282;--color-gray-300:#696868;--shadow-70:0 1px 2px 0 var(--color-gray-70);--shadow-bottom-70:0 18px 20px 0.1rem var(--color-gray-70)}.component-loader{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:.75rem}.component-loader.full-width{width:100%}.component-loader.small{min-height:40px}.component-loader.medium{min-height:60px}.component-loader.large{min-height:100px}.loader-text{color:var(--color-text-secondary);font-size:.875rem;margin:0}.loader-spinner{height:30px;position:relative;width:30px}.component-loader.small .loader-spinner{height:20px;width:20px}.component-loader.large .loader-spinner{height:40px;width:40px}.spinner-ring{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--color-fouling-paint);height:100%;position:absolute;width:100%}.spinner-ring:after{animation:spin 1.5s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--color-fouling-micro);bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.loader-dots{display:flex;gap:.5rem}.dot{animation:bounce 1.4s ease-in-out infinite both;background-color:var(--color-fouling-paint);border-radius:50%;height:8px;width:8px}.component-loader.small .dot{height:6px;width:6px}.component-loader.large .dot{height:10px;width:10px}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}.dot-3{animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loader-pulse{display:flex;gap:.5rem}.pulse-circle{animation:pulse 1.5s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.component-loader.small .pulse-circle{height:6px;width:6px}.component-loader.large .pulse-circle{height:10px;width:10px}.loader-wave{background-color:#ffffff0d;border-radius:4px;height:20px;max-width:100px;overflow:hidden;position:relative;width:100%}.component-loader.small .loader-wave{height:12px;max-width:60px}.component-loader.large .loader-wave{height:24px;max-width:120px}.wave-bar{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,#0000,var(--color-fouling-paint),var(--color-fouling-micro),#0000);height:100%;position:absolute;width:100%}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.card-loader{align-items:center;border:1px solid var(--color-border);border-radius:.5rem;justify-content:center;min-height:120px;width:100%}.card-loader,.table-row-loader{background-color:var(--color-card-bg);display:flex}.table-row-loader{border-radius:.25rem;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.table-cell-loader{flex:1 1;height:1.25rem}.cell-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--color-card-bg) 0,#ffffff1a 50%,var(--color-card-bg) 100%);background-size:200% 100%;border-radius:.25rem;height:100%;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.list-loader{display:flex;flex-direction:column;gap:.75rem;width:100%}.list-item-loader{background-color:var(--color-card-bg);border-radius:.25rem;display:flex;gap:.75rem;padding:.75rem}.item-icon-loader{background-color:#ffffff1a;border-radius:.25rem;height:2rem;width:2rem}.item-content-loader{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.item-title-loader{height:1rem;width:70%}.item-subtitle-loader,.item-title-loader{background-color:#ffffff1a;border-radius:.25rem}.item-subtitle-loader{height:.75rem;width:40%}.form-button{border:1px solid #0000;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.form-button-submit{background-color:#2c5282;color:#fff}:root{--primary-color:var(--color-primary);--primary-hover:var(--color-primary);--secondary-color:#f9fafb;--text-color:#1f2937;--text-light:#6b7280;--border-color:#e5e7eb;--error-color:#ef4444;--success-color:#10b981;--card-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--input-shadow:0 1px 2px 0 #0000000d;--transition-speed:0.3s;--border-radius:0.5rem}*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.login-container{align-items:center;background-color:#f9fafb;background-color:var(--secondary-color);background-image:radial-gradient(at 10% 10%,#4f46e51a 0,#0000 50%),radial-gradient(at 90% 90%,#3b82f61a 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background-color:#fff;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow);max-width:450px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#1f2937;color:var(--text-color);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#6b7280;color:var(--text-light);font-size:1rem}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.password-label-container{align-items:center;display:flex;justify-content:space-between}.forgot-password{color:var(--color-primary);color:var(--primary-color);font-size:.875rem;text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}.forgot-password:hover{color:var(--color-primary);color:var(--primary-hover);text-decoration:underline}label{color:#1f2937;color:var(--text-color);font-size:.875rem;font-weight:500}input[type=email],input[type=password],input[type=text]{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--input-shadow);color:#1f2937;color:var(--text-color);font-size:1rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533;outline:none}.password-input-container{position:relative}.toggle-password{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s;transition:color var(--transition-speed)}.toggle-password:hover{color:#1f2937;color:var(--text-color)}.checkbox-container,.remember-me{align-items:center;display:flex}.checkbox-container{cursor:pointer;font-size:.875rem;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;display:inline-block;height:18px;position:relative;transition:all .3s;transition:all var(--transition-speed);width:18px}.checkbox-container:hover input~.checkmark{border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark{background-color:var(--color-primary);background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}.login-button{align-items:center;background-color:var(--color-primary);background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .3s;transition:background-color var(--transition-speed)}.login-button:hover:not(:disabled){background-color:var(--color-primary);background-color:var(--primary-hover)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button.loading{background-color:var(--color-primary);background-color:var(--primary-hover)}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.social-login{margin-top:2rem;text-align:center}.social-login p{color:#6b7280;color:var(--text-light);font-size:.875rem;margin-bottom:1rem;position:relative}.social-login p:after,.social-login p:before{background-color:#e5e7eb;background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:30%}.social-login p:before{left:0}.social-login p:after{right:0}.social-buttons{gap:1rem}.social-button,.social-buttons{display:flex;justify-content:center}.social-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:50%;color:#6b7280;color:var(--text-light);cursor:pointer;height:40px;transition:all .3s;transition:all var(--transition-speed);width:40px}.social-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.social-button.google:hover{border-color:#db4437;color:#db4437}.social-button.facebook:hover{border-color:#4267b2;color:#4267b2}.social-button.github:hover{border-color:#333;color:#333}.register-prompt{color:#6b7280;color:var(--text-light);font-size:.875rem;margin-top:2rem;text-align:center}.register-prompt a{color:var(--color-primary);color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}.register-prompt a:hover{color:var(--color-primary);color:var(--primary-hover);text-decoration:underline}@media (max-width:480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}.social-login p:after,.social-login p:before{width:25%}}.popup-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.popup-content{align-items:center;animation:slideIn .5s ease-out;background-color:var(--color-popup);border-bottom:5px solid;border-bottom-color:var(--color-success);border-radius:5px;box-shadow:var(--shadow-70);color:var(--color-text);display:flex;font-size:16px;justify-content:space-between;padding:15px;text-align:center;width:250px}.popup-content.error{border-bottom-color:var(--color-danger)}.popup-content.warning{border-bottom-color:var(--color-warning)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.popup-close{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:18px}.loading-container{align-items:center;background-color:var(--color-light);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{flex-direction:column;gap:2rem;max-width:90%;width:400px}.loading-content,.loading-logo{align-items:center;display:flex}.loading-logo{gap:.75rem}.ship-icon{color:var(--color-fouling-paint);height:2.5rem;width:2.5rem}.logo-text{font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin:0}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.wave-container{background-color:#ffffff0d;border-radius:4px;height:60px;overflow:hidden;position:relative;width:100%}.wave{animation:wave-animation 3s linear infinite;background:linear-gradient(90deg,#0000,var(--color-fouling-paint),var(--color-fouling-micro),var(--color-fouling-light),var(--color-fouling-medium),var(--color-fouling-heavy),#0000);border-radius:50% 50% 0 0;bottom:0;height:100%;opacity:.6;position:absolute;width:200%}.wave-1{animation-delay:0s;height:60%;z-index:3}.wave-2{animation-delay:-.5s;height:40%;z-index:2}.wave-3{animation-delay:-1s;height:20%;z-index:1}@keyframes wave-animation{0%{transform:translateX(-50%) scaleY(.8)}50%{transform:translateX(0) scaleY(1.2)}to{transform:translateX(50%) scaleY(.8)}}.loading-text{color:var(--color-text-secondary);font-size:1rem;margin:0}.loading-progress{width:100%}.progress-bar{background-color:var(--color-border);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,var(--color-fouling-micro),var(--color-fouling-paint));border-radius:2px;height:100%;width:30%}@keyframes progress{0%{transform:translateX(0);width:0}50%{width:30%}to{transform:translateX(100%);width:0}}.loading-circles{display:flex;gap:.75rem;margin-top:1rem}.loading-circle{animation:pulse 1.5s ease-in-out infinite;border-radius:50%;height:1rem;width:1rem}.fouling-none{background-color:var(--color-fouling-none)}.fouling-micro{background-color:var(--color-fouling-micro)}.fouling-light{background-color:var(--color-fouling-light)}.fouling-medium{background-color:var(--color-fouling-medium)}.fouling-heavy{background-color:var(--color-fouling-heavy)}.fouling-paint{background-color:var(--color-fouling-paint)}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}@media (max-width:480px){.loading-content{width:90%}.logo-text{font-size:2rem}.wave-container{height:50px}}.tabsContainer{margin:auto;max-height:80vh;min-height:84vh;overflow-y:scroll;width:100%}.no-content{min-height:0;overflow-y:hidden;width:80%}.tabsContainer-no-scroll{overflow:none}.tabsHeader{background-color:var(--color-primary);border:1px solid var(--border-color);border-radius:20px;display:flex;transform:translateX(50%);width:50%;z-index:2}.tabButton{background:#0000;border:none;color:var(--color-text-light);cursor:pointer;flex:1 1;font-size:1rem;padding:12px;transition:.3s ease-in-out}.tabButton:hover{background:var(--color-hover);border-radius:20px}.tabButton.active{background:var(--color-selected);border-radius:20px}.tabsContent{padding:16px;position:relative;top:50px;z-index:1}.tabPanel{animation:fadeIn .3s ease-in-out}.galleryContainer{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(200px,1fr));justify-content:start;padding:10px}.galleryItem{background-color:var(--color-light);border-radius:8px;box-shadow:var(--shadow-70);max-width:100%;min-height:150px;overflow:hidden}.itemInfo{align-items:center;padding:10px}.itemInfo span{font-weight:700}.itemInfo p{font-size:15px;margin:0}.galleryItem img,.galleryItem video{border-radius:8px;height:100%;object-fit:cover;width:100%}.galleryItem img:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.view-button{background-color:var(--color-light);border:none;color:var(--color-text);left:50%;padding:3px;position:relative;transform:translateX(-50%)}@media (max-width:1024px){.galleryContainer{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (max-width:768px){.galleryContainer{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:480px){.galleryContainer{grid-template-columns:repeat(1,minmax(200px,1fr))}}.frame-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.frame-card.hovered{border:2px solid #22b8cf;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.image-container{overflow:hidden;position:relative}.severity-indicator{border-radius:50%;height:12px;position:absolute;right:8px;top:16px;width:12px;z-index:10}.severity-low{background-color:#22c55e}.severity-medium{background-color:#f59e0b}.severity-high{background-color:#ef4444}.image-overlay{background:linear-gradient(180deg,#0006,#0000);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:10}.frame-card:hover .image-overlay{opacity:1}.frame-image{aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease;width:100%}.frame-card:hover .frame-image{transform:scale(1.05)}.time-badge{align-items:center;background-color:#000000b3;border-radius:4px;color:#fff;display:flex;font-size:12px;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:10}.clock-icon{height:12px;margin-right:4px;width:12px}.card-content{gap:8px;padding:12px}.data-row{align-items:center;display:flex;justify-content:space-between}.data-label{color:#4b5563;font-size:14px;font-weight:500}.data-value{align-items:center;display:flex}.progress-bar-image{background-color:#e5e7eb;border-radius:9999px;height:8px;overflow:hidden;position:relative;width:96px}.progress-fill-image{border-radius:9999px;height:100%;position:relative}.numeric-value{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;margin-left:8px}.anchor-icon,.droplet-icon{color:#0891b2;height:16px;margin-right:4px;width:16px}.card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;padding:0 12px 12px}.card-footer,.imo-label{align-items:center;display:flex}.imo-label span{font-size:14px;font-weight:500}.imo-badge{border:1px solid #e5e7eb;border-radius:4px;font-size:14px;padding:2px 8px}.modal-overlay{background-color:#000000bf;padding:16px;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:1024px;overflow:hidden;width:100%}.modal-image-container{position:relative}.close-button{align-items:center;background-color:#0003;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s;width:32px;z-index:10}.close-button:hover{background-color:#0006}.close-button svg{height:16px;width:16px}.zoom-controls{bottom:16px;display:flex;gap:8px;position:absolute;right:16px;z-index:10}.zoom-button{align-items:center;background-color:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.zoom-button:hover{background-color:#000000b3}.zoom-button svg{height:16px;width:16px}.image-scroll-container{max-height:70vh;overflow:auto}.zoomed-image-container{min-height:300px}.zoomed-image{display:block;width:100%}.modal-details{border-top:1px solid #e5e7eb;padding:16px}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.details-grid{grid-template-columns:repeat(4,1fr)}}.detail-item{flex-direction:column}.detail-label{color:#6b7280;font-size:14px;margin:0 0 4px}.detail-value{font-size:16px;font-weight:500;margin:0}.dashboard-container-monitoring{background-color:var(--color-light);border-radius:9px;box-shadow:var(--shadow-70);height:350px;max-width:1200px;padding:20px;width:100%}.dashboard-header{padding:1%}.dashboard-title{font-size:28px}.fouling-rate{line-height:12px}.ship-visualization{height:192px}.ship-section-monitor{flex:1 1;height:200px;position:relative}.green-section-monitor{background-color:#dcfce788}.gray-section-monitor{background-color:#e2e2e28f}.amber-section-monitor{background-color:#fef3c786}.dropdownsection{border-radius:10px;margin:10px 0;overflow:hidden}.dropdownsection-header{background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px;text-align:left;width:100%}.dropdownsection-header:hover{background:var(--color-hover);color:var(--color-text)}.dropdownsection-header:active{background:#666}.dropdownsection-content{background-color:var(--color-light);border-radius:20px;box-shadow:var(--shadow-70);margin:30px;padding:30px}.fouling-chart-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-bottom:20px;padding:20px}.chart-header{margin-bottom:20px}.chart-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.chart-description{color:#64748b;font-size:.875rem;margin:0 0 16px}.view-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:16px}.tab-button{border-bottom:2px solid #0000;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.tab-button:hover{color:#3b82f6}.tab-button.active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:500}.chart-content{display:flex;flex-direction:column}@media (min-width:768px){.chart-content{flex-direction:row;gap:24px}.chart-area{flex:2 1}.legend-area{flex:1 1}}.chart-wrapper{height:400px;position:relative}.legend-area{background-color:#f8fafc;border-radius:6px;margin-top:20px;padding:16px}@media (min-width:768px){.legend-area{margin-top:0}}.legend-title{color:#1e293b;font-size:1.125rem;font-weight:500;margin:0 0 16px}.legend-items{display:flex;flex-direction:column;gap:12px}.legend-item{gap:8px}.color-box{border-radius:4px;height:16px;width:16px}.category-label{color:#334155;flex:1 1;font-size:.875rem}.category-value{color:#1e293b;font-size:.875rem;font-weight:500}.total-summary{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:24px;padding-top:16px}.total-label{color:#334155;font-size:.875rem;font-weight:500}.total-value{color:#1e293b;font-size:.875rem;font-weight:700}.category-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;width:20px}.no-fouling-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}.microfouling-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10zM12 8v4M12 16h.01'/%3E%3C/svg%3E")}.light-macrofouling-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fbbf24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10zM12 8v4M12 16h.01'/%3E%3C/svg%3E")}.medium-macrofouling-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10zM12 8v4M12 16h.01'/%3E%3C/svg%3E")}.heavy-macrofouling-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}.painting-defect-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v.01M12 8v4'/%3E%3C/svg%3E")}.mechanical-damage-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23ec4899' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E")}.flag-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7'/%3E%3C/svg%3E")}.niche-area-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}.legend-inner{background-color:var(--color-light);border-radius:1rem;box-shadow:var(--shadow-70);padding:1rem}.legend-grid{grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem}.legend-item{gap:.75rem}.legend-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;width:1rem}.legend-text{color:#111827;font-weight:700;letter-spacing:.05em}.no-fouling{background-color:#e5e7eb;border:1px solid #d1d5db}.microfouling{background-color:#22c55e}.light-macrofouling{background-color:#facc15}.medium-macrofouling{background-color:#f97316}.heavy-macrofouling{background-color:#ef4444}.painting-defect{background-color:#3b82f6}.mechanical-damage{background-color:#ec4899}.flag,.niche-area{color:#374151}.flag svg,.niche-area svg{height:100%;width:100%}.file-drop-area{height:200px}.button-basic{background-color:var(--color-primary);border:1px solid #0000;border-radius:.5rem;color:var(--color-text-light);cursor:pointer;font-size:.875rem;font-weight:500;height:auto;padding:.5rem 1rem;transition:all .2s;width:7rem}.button-basic:disabled{opacity:.8}.large{gap:.5rem;margin-top:1rem;width:100%}.file-uploader-container{background-color:initial;color:var(--color-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:100%}.file-drop-area{align-items:center;background-color:initial;border:2px dashed var(--color-primary);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;margin:3px;padding:2.5rem 1.5rem;position:relative;transition:all .2s ease}.file-drop-area:hover:not(.file-drop-disabled){border-color:var(--color-hover)}.file-drop-dragging{background-color:#2c528233!important;border-color:#4299e1!important}.file-drop-disabled{cursor:not-allowed;opacity:.6}.file-drop-content{align-items:center;display:flex;flex-direction:column;text-align:center}.file-drop-icon{color:#4299e1;height:2rem;margin-bottom:1rem;width:2rem}.file-drop-title{color:#e2e8f0;font-size:1rem;font-weight:300;margin:0 0 .5rem}.file-drop-description{color:#a0aec0;font-size:.8rem;margin:0 0 .5rem}.file-drop-browse{color:#4299e1;cursor:pointer;text-decoration:underline}.file-drop-info{color:#718096;font-size:.6rem;margin:0}.file-input{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-error{align-items:center;background-color:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:.375rem;color:#fc8181;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.75rem}.file-error-icon{flex-shrink:0;height:1rem;width:1rem}.file-list{background-color:var(--color-light);border-radius:.375rem;color:var(--color-text);margin-top:1.5rem;overflow:hidden}.file-list-header{align-items:center;border-bottom:.01rem solid var(--color-primary);display:flex;justify-content:space-between;padding:.75rem 1rem}.file-list-title{font-size:.875rem;font-weight:500;margin:0}.file-list-clear{background:none;border:none;border-radius:.25rem;color:var(--color-text-light);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s}.file-list-clear:hover:not(:disabled){border-color:var(--color-hover);text-decoration:underline}.file-list-clear:disabled{cursor:not-allowed;opacity:.5}.file-items{background-color:var(--color-light);max-height:300px;overflow-y:auto}.file-item{align-items:center;border-bottom:1px solid var(--color-primary);display:flex;padding:.75rem 1rem}.file-item:last-child{border-bottom:none}.file-item-preview{align-items:center;background-color:var(--color-primary);border-radius:.25rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;margin-right:.75rem;overflow:hidden;width:2.5rem}.file-preview-image{height:100%;object-fit:cover;width:100%}.file-icon{color:var(--color-light);height:1.25rem;width:1.25rem}.file-item-info{flex:1 1;min-width:0}.file-item-name{color:var(--color-text);font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{color:var(--color-text);font-size:.75rem}.file-item-remove{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--color-text);cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.25rem;transition:all .2s}.file-item-remove:hover:not(:disabled){border-color:var(--color-hover);color:var(--color-danger)}.file-item-remove:disabled{cursor:not-allowed;opacity:.5}.file-remove-icon{height:1rem;width:1rem}.file-upload-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:.375rem;color:var(--color-light);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s;width:100%}.file-upload-button:hover:not(:disabled){border-color:var(--color-hover)}.file-upload-button:disabled{cursor:not-allowed;opacity:.5}.file-upload-icon{height:1rem;width:1rem}.file-items::-webkit-scrollbar{width:8px}.file-items::-webkit-scrollbar-track{background:var(--color-light)}.file-items::-webkit-scrollbar-thumb{background-color:var(--color-gray-20);border-radius:4px}.file-items::-webkit-scrollbar-thumb:hover{border-color:var(--color-hover)}@media (max-width:640px){.file-drop-area{padding:1.5rem 1rem}.file-drop-icon{height:2rem;margin-bottom:.75rem;width:2rem}.file-drop-title{font-size:1rem}.file-item{padding:.5rem .75rem}.file-item-preview{height:2rem;width:2rem}}.dashboard-container{border-radius:8px;box-shadow:var(--shadow-70);height:auto;margin:20px auto;max-width:1200px;padding:24px;width:90%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dashboard-title{font-size:25px;font-weight:700;letter-spacing:2px}.fouling-rate{align-items:center;display:flex;flex-direction:column}.section-title{font-size:18px;margin-bottom:4px}.rate-value{font-size:24px;font-weight:700}.percentage-indicators,.percentage-item{align-items:center;display:flex}.percentage-item{flex-direction:column}.percentage-circle{align-items:center;border:2px solid #333;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 4px;width:56px}.percentage-value{font-size:16px;font-weight:700}.connector{background-color:#333;height:8px;margin-top:-4px;width:16px;z-index:10}.gray{background-color:#e2e2e2;color:#333}.green{background-color:#4ade80;color:#fff}.yellow{background-color:#facc15;color:#333}.orange{background-color:#f97316;color:#fff}.red{background-color:#ef4444;color:#fff}.coating-section{align-items:flex-end;display:flex;flex-direction:column}.coating-indicators{display:flex;gap:16px}.coating-item{align-items:center;display:flex}.coating-value{font-size:18px;font-weight:700;margin-left:8px}.circle-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.circle-indicator.small{font-size:14px;height:28px;width:28px}.blue{background-color:#3b82f6}.pink{background-color:#ec4899}.section-names{display:flex;justify-content:space-around}.section-name{font-size:12px;font-weight:700;text-align:center}.ship-visualization{background-position:50%;background-size:cover;display:flex;height:auto;margin-bottom:16px;position:relative}.flat-bottom{background-image:url(/static/media/flat-bottom.c758f629ca01141fe190.png)}.starboard{background-image:url(/static/media/starboard.76b12e6120fd5b68508c.png)}.portside{background-image:url(/static/media/portside.29f5e9506798c1272517.png)}.ship-section{border-right:1px solid #ccc;flex:1 1;position:relative}.first-section{border-bottom-left-radius:8px;border-top-left-radius:8px}.last-section{border-bottom-right-radius:8px;border-right:none;border-top-right-radius:8px}.gray-section{background-color:#e2e2e2}.green-section{background-color:#dcfce7}.amber-section{background-color:#fef3c7}.indicator-container{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.dual-indicator{background-color:#333;border-radius:9999px;display:flex;padding:4px;width:64px}.section-indicators{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr)}.section-indicator{gap:4px;justify-content:center}.section-indicator,.value-indicator{align-items:center;display:flex}.p-symbol{font-family:serif;font-style:italic;font-weight:700}.value-number{font-size:16px;font-weight:700}.circle-dot{align-items:center;border:1px solid #999;border-radius:50%;display:flex;height:20px;justify-content:center;margin:0 4px;width:20px}.inner-dot{background-color:#999;border-radius:50%;height:6px;width:6px}.chart-container{justify-content:center;padding:20px;transform:translateX(10%);width:90%}.chart-container-box-1{align-items:center;display:flex;justify-content:space-between}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-container{animation:slideUp .3s ease-out;background-color:#0a1929;border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 10px 25px #00000080;max-height:90vh;max-width:550px;overflow-y:auto;width:90%;z-index:1200}.large{max-width:95vw;padding:10px}.light{background-color:var(--color-light);color:var(--color-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #2d3748;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#fff;font-size:1.25rem;font-weight:300;margin:0}.modal-title-icon{color:#4299e1;height:1.25rem;margin-right:.75rem;width:1.25rem}.modal-close-button{align-items:center;background:none;border:none;border-radius:.25rem;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.modal-close-button:hover{background-color:#2d374880;color:#fff}.modal-close-button svg{height:1.25rem;width:1.25rem}.ship-form{color:#e2e8f0;padding:1.5rem}.form-group{margin-bottom:1.25rem;width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1.25rem}.form-label{color:#a0aec0;display:block;font-size:.875rem;margin-bottom:.5rem}.form-input,.form-select{background-color:#1a202c;border:1px solid #2d3748;border-radius:.25rem;color:#fff;font-size:.875rem;padding:.625rem .75rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e14d;outline:none}.form-input::placeholder{color:#718096}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2rem}.form-section{border:1px solid #2d3748;border-radius:.375rem;margin-bottom:1.5rem;overflow:hidden}.form-section-header{align-items:center;background-color:#1a202c80;border-bottom:1px solid #2d3748;display:flex;padding:.75rem 1rem}.form-section-icon{color:#4299e1;height:1rem;margin-right:.5rem;width:1rem}.form-section-title{color:#e2e8f0;font-size:1rem;font-weight:400;margin:0}.form-section .form-row{margin-bottom:0;padding:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.form-button-cancel{background-color:initial;border-color:#2d3748;color:#a0aec0}.form-button-cancel:hover{background-color:#2d374880;color:#fff}.form-button-submit:hover{background-color:#2b6cb0}@media (max-width:640px){.form-row{flex-direction:column;gap:.75rem}.modal-container{width:95%}}.dropdown{display:inline-block;position:relative}.dropdown-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:9999px;color:var(--color-text-light);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:.3s ease-in-out}.dropdown-btn:hover{background-color:var(--color-hover)}.dropdownMenu{background-color:var(--color-light);border-radius:8px;box-shadow:var(--shadow-bottom-70);list-style:none;margin-top:10px;min-width:150px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.dropdownMenu li{color:var(--color-text);cursor:pointer;padding:10px 15px;transition:.3s}.dropdownMenu li:hover{background:var(--color-hover)}.header{align-items:center;background-color:var(--color-primary);box-shadow:var(--shadow-70);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:20px}.header,.logo{color:var(--color-text-light)}.logo{height:2.5rem;width:auto}.brandName{align-items:center;display:flex;gap:.5rem}.brandName,.brandName h1{color:var(--color-text-light)}.brandName h1{font-size:1.875rem;font-weight:700}.globeIcon{height:1.5rem;margin:0 .125rem;width:1.5rem}.menuButton{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.5rem}.userControls{display:flex;gap:.5rem}.flagIcon{height:.875rem;width:auto}.navItem{align-items:center;cursor:pointer;display:flex;gap:.75rem}.iconWrapper,.infoIcon{align-items:center;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.infoIcon{background-color:#27272a;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:700}.text{font-size:.875rem}.sidebar{background:var(--color-primary);box-shadow:var(--shadow-70);color:var(--color-text-light);display:flex;flex-direction:column;height:100%;left:-100vw;padding:20px;position:fixed;top:0;transition:transform .3s ease-in-out;width:280px;z-index:1000}.sidebar.open{transform:translateX(100vw)}.menuToggle{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:24px;z-index:1100}.overlay{background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;visibility:hidden;width:100%;z-index:900}.overlay.show{opacity:1;visibility:visible}.projectButton{align-items:center;background:#34495e;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px;text-align:left;width:100%}.nav{margin-top:80px}.note{font-size:12px;margin-top:20px;opacity:.8}.general-layout{background-color:var(--color-gray-10);min-height:100vh;overflow:none}.fab-container{align-items:flex-end;bottom:1.5rem;display:flex;flex-direction:column-reverse;position:fixed;right:1.5rem;z-index:1000}.fab-button{align-items:center;background-color:var(--color-primary);border:.05rem solid var(--color-gray-100);border-radius:50%;box-shadow:var(--shadow-70);color:var(--color-text-light);cursor:pointer;display:flex;height:3.5rem;justify-content:center;margin:10px;transition:all .3s ease;width:3.5rem;z-index:1002}.fab-button svg{height:1.5rem;transition:transform .3s ease;width:1.5rem}.fab-button:hover{background-color:var(--color-secondary);transform:scale(1.05)}.fab-button:active{transform:scale(.95)}.fab-button-active{background-color:var(--color-primary)}.fab-options{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fab-option{align-items:center;background-color:#2c5282;background-color:var(--option-color,#2c5282);border:none;border-radius:2rem;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.fab-option:hover{box-shadow:0 4px 8px #0000004d;transform:translateX(-5px)}.fab-option-icon{align-items:center;display:flex;justify-content:center;margin-right:.5rem}.fab-option-icon svg{height:1.25rem;width:1.25rem}.fab-option-label{font-size:.875rem;font-weight:500}@media (max-width:640px){.fab-container{bottom:1.5rem;right:1.5rem}.fab-button{height:3rem;width:3rem}.fab-button svg{height:1.25rem;width:1.25rem}.fab-option{padding:.4rem .8rem}.fab-option-icon svg{height:1rem;width:1rem}.fab-option-label{font-size:.75rem}}.ships-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.ships-list{max-height:65vh;overflow-y:scroll}.ship-item{border:.09rem solid var(--color-primary);border-radius:.5rem;box-shadow:var(--shadow-70);margin:15px;overflow:hidden}.ship-header{align-items:center;background-color:var(--color-primary);color:var(--color-text-light);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s}.ship-header:hover{background-color:var(--color-hover);color:var(--color-text)}.ship-info{align-items:center;display:flex;gap:.75rem}.ship-icon{color:#60a5fa;height:1.25rem;width:1.25rem}.ship-name{font-weight:500}.ship-meta{align-items:center;display:flex;gap:1rem}.ship-content{background-color:var(--color-light);border-top:1px solid var(--color-border);padding:1rem}.missions-list{max-height:40vh;overflow-y:scroll}.mission-card{margin:5px;min-height:8.5rem}.ship-type{background-color:initial;border:1px solid var(--color-primary)}.ship-status{color:var(--color-text)}@media (min-width:768px){.ships-container{padding:1.5rem}.legend-grid,.mission-details{grid-template-columns:repeat(2,1fr)}}.paginator-container{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:.375rem;color:var(--color-text-light);display:flex;font-size:.875rem;height:40px;justify-content:space-between;padding:.75rem 1rem}.paginator-info{flex:1 1}.paginator-info-right{text-align:right}.paginator-text{color:var(--color-text-light)}.paginator-controls{align-items:center;display:flex;gap:.25rem}.paginator-button{align-items:center;background-color:initial;border:1px solid #2d3748;border-radius:.25rem;color:var(--color-text-light);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.paginator-button:hover:not(:disabled){background-color:#2d374880;color:var(--color-text-light)}.paginator-button:disabled{cursor:not-allowed;opacity:.5}.paginator-edge-button{display:none}@media (min-width:640px){.paginator-edge-button{display:flex}}.paginator-icon{height:1rem;width:1rem}.paginator-page-button,.paginator-pages{align-items:center;display:flex}.paginator-page-button{background-color:initial;border:1px solid #2d3748;color:#a0aec0;cursor:pointer;height:2rem;justify-content:center;min-width:2rem;padding:0 .5rem;transition:all .2s}.paginator-page-button:hover:not(:disabled):not(.paginator-page-active){background-color:#2d374880;color:#fff}.paginator-page-active{background-color:#2c5282;border-color:#2c5282;color:#fff}.paginator-page-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.paginator-container{flex-direction:column;gap:.75rem}.paginator-info{display:none}.paginator-info-right{display:block;order:-1;text-align:center}.paginator-controls{justify-content:center;width:100%}.paginator-page-button{height:1.75rem;min-width:1.75rem}.paginator-button{height:1.75rem;width:1.75rem}}:root{--bg-primary:var(--color-light);--bg-card:var(--color-light);--border-color:var(--color-primary);--text-primary:var(--color-text);--text-secondary:var(--color-text);--accent-color:var(--color-primary);--hover-color:var(--color-hover)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0}.profile-container{background-color:var(--color-light);background-color:var(--bg-primary);color:var(--color-text);color:var(--text-primary);min-height:100vh;padding:1.5rem}.profile-content{margin:0 auto;max-width:64rem}.profile-content,.profile-header{display:flex;flex-direction:column;gap:1.5rem}.profile-header{align-items:flex-start;margin-bottom:2rem}@media (min-width:768px){.profile-header{align-items:center;flex-direction:row}}.avatar{border:2px solid var(--border-color);border-radius:50%;height:6rem;overflow:hidden;width:6rem}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background-color:var(--color-light);display:flex;font-size:1.5rem;font-weight:500;height:100%;justify-content:center;width:100%}.user-info{display:flex;flex-direction:column;gap:.5rem}.user-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.user-name{font-size:1.5rem;font-weight:300;margin:0}.badge{background-color:var(--color-primary);border:1px solid var(--color-secondary);border-radius:.25rem;color:var(--color-text-light)}.user-role{align-items:center;color:var(--color-text);color:var(--text-secondary);display:flex;gap:.5rem}.tabs-container{display:flex;flex-direction:column;gap:1.5rem}.tabs-header{background-color:#1a202c80;border:1px solid var(--border-color);border-radius:.25rem;display:flex;overflow:hidden}.tab-button{background:none;border:none;color:var(--color-text);color:var(--text-primary);cursor:pointer;flex:1 1;padding:.75rem 1rem;transition:background-color .2s}.tab-button:hover{background-color:#2d374880}.tab-button.active{background-color:var(--color-primary);background-color:var(--accent-color)}.tab-content{display:flex;flex-direction:column;gap:1.5rem}.card{background-color:var(--color-light);background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-70)}.card-header{background-color:var(--color-primary);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.card-title{color:var(--color-text-light);font-size:1.125rem;font-weight:bolder;font-weight:500;margin:0}.card-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}@media (min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}.info-item{align-items:center;color:var(--color-text);color:var(--text-secondary);display:flex;gap:.75rem}.icon-small{height:1rem;width:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--color-text);color:var(--text-secondary);font-size:.875rem;margin:0}.stat-value{font-size:1.5rem;font-weight:300;margin:0}.text-muted{color:var(--color-text);color:var(--text-secondary)}.overview-content{display:flex;flex-direction:column;gap:1.5rem}.mission-name-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;min-width:250px}.peoples-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.fleet-overview{background-color:var(--color-light);border-radius:.5rem;padding:1rem}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.peoples-list{display:flex;flex-direction:column;gap:1rem}.people-item{border:.09rem solid var(--color-primary);border-radius:.5rem;box-shadow:var(--shadow-70);overflow:hidden}.people-header{align-items:center;background-color:var(--color-primary);color:var(--color-text-light);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s}.people-header:hover{background-color:var(--color-hover);color:var(--color-text)}.people-info{align-items:center;display:flex;gap:.75rem}.people-icon{color:#60a5fa;height:1.25rem;width:1.25rem}.people-name{font-weight:500}.people-meta{align-items:center;display:flex;gap:1rem}.inspection-date{color:var(--color-text-secondary);font-size:.875rem}.toggle-button{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;justify-content:center;padding:0}.toggle-button svg{height:1.25rem;width:1.25rem}.people-content{background-color:var(--color-light);border-top:1px solid var(--color-border);padding:1rem}.missions-title{font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.missions-list{display:flex;flex-direction:column;gap:.75rem}.card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:.375rem;overflow:hidden}.mission-card{padding:1rem}.mission-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.mission-title{font-size:.875rem;font-weight:500;margin:0}.mission-content{margin-top:.5rem}.mission-details{grid-gap:.5rem;display:grid;font-size:.875rem;gap:.5rem;grid-template-columns:repeat(2,1fr)}.detail-item{align-items:center;display:flex;gap:.5rem}.detail-icon{color:var(--color-text-secondary);height:1rem;width:1rem}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.people-type{background-color:initial;border:1px solid var(--color-primary)}.people-status{color:var(--color-text)}.status-active{background-color:var(--color-active)}.status-maintenance{background-color:var(--color-maintenance)}.mission-status{color:#fff}.status-completed{background-color:var(--color-success)}.status-progress{background-color:var(--color-progress)}.fouling-indicator{border-radius:9999px;display:inline-block;height:.75rem;width:.75rem}.fouling-damage,.fouling-flag,.fouling-heavy,.fouling-light,.fouling-medium,.fouling-micro,.fouling-niche,.fouling-none,.fouling-paint{background-color:var(--color-primary)}.fouling-legend{border-top:1px solid var(--color-border);margin-top:1rem;padding:1rem}.legend-grid{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:repeat(2,1fr);max-width:28rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:9999px;display:inline-block;height:.75rem;width:.75rem}.legend-text{font-size:.875rem}@media (min-width:768px){.peoples-container{padding:1.5rem}.legend-grid,.mission-details{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mission-details{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.96295e8e.css.map*/