:root{--hmm-blue: #0C205C;--hmm-red: #E71A21;--text-primary: #333;--bg-light: #f8f9fa;--bg-contact: #fff0f1}body{background-color:var(--bg-light);font-family:League Spartan,sans-serif;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000000d}.header-col{display:flex;align-items:center}.header-col-center{justify-content:center}.header-col-right{justify-content:flex-end}.header-right-group{display:flex;align-items:center;gap:15px}.site-header .logo-hmm{height:40px}.site-header .logo-mim{height:45px}.mobile-header-right{display:none}.main-nav{display:flex;gap:30px}.main-nav a{color:var(--hmm-blue);text-decoration:none;font-weight:500;font-size:1.1rem;padding:.5rem 0;position:relative;transition:color .3s ease}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--hmm-red);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.main-nav a:hover,.main-nav a.active{font-weight:700}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.nav-user-actions{margin-left:auto;display:flex;align-items:center;gap:1rem}.btn-signin{background:transparent;color:#0c205c;font-weight:400;border-radius:50px;outline:2px #0C205C solid;outline-offset:-4px;padding:.5rem 1.5rem}.btn-signin:hover{background-color:#0c205c;color:#fff;font-weight:700}.form-label{font-weight:600;color:var(--hmm-blue)}.main-content{padding:2rem;flex-grow:1}.vertical-center{min-height:50vh;display:flex;align-items:center}.login-card{border-radius:1rem;border:1px solid #dee2e6;box-shadow:0 8px 32px #1f26875e;width:100%;vertical-align:center}.register-card{border-radius:1.25rem;border:none;box-shadow:0 8px 32px #1f26875e;width:100%}.card-title{font-weight:700;color:var(--hmm-blue);font-size:1.5rem}.card .nav-pills .nav-link.active{font-weight:700}.vessel-card-title{font-weight:600;color:var(--hmm-blue);font-size:1.75rem}.btn-primary{background-color:var(--hmm-blue);font-weight:600;padding:.75rem}.btn-hover{background-color:#0069d9}.link-hmm-blue{color:var(--hmm-blue);text-decoration:none;font-weight:600}.link-hmm-blue:hover{text-decoration:underline}.btn-refresh{background-color:var(--hmm-blue);font-size:15px;color:#fff}.btn-refresh:hover{background-color:#fff;border-color:var(--hmm-blue);color:var(--hmm-blue)}.btn-save{background-color:var(--hmm-red);font-size:15px;color:#fff}.btn-save:hover{background-color:#fff;border-color:#000;color:#000}.trade-card{display:block;text-decoration:none;color:inherit;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.trade-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.trade-card .card-body{display:flex;align-items:center;padding:1.5rem}.trade-image-container{height:80px;width:80px;flex-shrink:0;border-radius:50%;background-color:#eef2f9;margin-right:1.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700}.trade-image-container img{height:100%;object-fit:cover;mix-blend-mode:darken}.trade-image-single{width:100%}.trade-image-dual{width:50%}.page-title{color:var(--hmm-blue);font-weight:700}.date-subtitle{color:#6c757d;font-weight:400;font-size:.9rem}#sheet-tab-content .table thead .th-port-time{background-color:var(--hmm-blue, #0C205C)!important;color:#fff!important}.nav-pills{font-weight:700}.card .nav-pills .nav-link{color:var(--hmm-blue);font-weight:500}.card .nav-pills .nav-link.active{background-color:var(--hmm-blue);color:#fff}.table-responsive{max-height:70vh}.table thead th{position:sticky;z-index:10;background-color:var(--hmm-blue);border-color:#fff;font-size:12px;color:#fff;vertical-align:middle}.table thead tr:nth-child(1) th{top:0;border-bottom:0;font-size:1rem;font-weight:700}.table thead tr:nth-child(2) th{top:40px;background-color:#f2f2f2;border-bottom:0;font-size:.8rem;color:#000}.table thead tr:nth-child(3) th{top:80px;background:var(--hmm-blue);color:#fff;text-transform:uppercase;font-size:.7rem}.table thead th.group-header-feeder{background-color:#ffe699;color:#333}.table thead th.group-header-mother{background-color:#c6e0b4;color:#333}.table td{vertical-align:middle;font-size:.9rem}.th-port-datetime{background-color:var(--hmm-blue);color:#fff}.site-footer-final{background-color:#fff;color:#000;padding:40px 0 10px;font-size:13px;border-top:1px solid #e7e7e7}.footer-col{height:100%}.footer-title{color:#1a253c;font-weight:600;font-size:1.1rem;margin-bottom:25px;position:relative;padding-bottom:10px}.footer-title:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:180px;background-color:var(--hmm-blue)}.address{display:flex;align-items:start;line-height:1.8}.address i{margin-right:12px;margin-top:5px;color:var(--hmm-blue)}.contact-list{list-style:none;padding:0;margin:0;font-weight:600}.contact-list li{display:flex;align-items:center;margin-bottom:15px;font-size:13px}.contact-list li i{color:var(--hmm-blue);width:20px;text-align:center;margin-right:12px}.contact-person-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.contact-person-item{display:flex;align-items:center;font-size:14px;margin-bottom:15px}.contact-person-item i{color:var(--hmm-blue);width:20px;text-align:center;margin-right:12px}.contact-section{background-color:var(--bg-contact);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;border:1px solid #f8d7da}.contact-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;height:100%}.contact-card .card-title{color:var(--hmm-blue);font-weight:700;margin-bottom:1rem;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.contact-card ul{list-style:none;padding-left:0;margin-bottom:0}.contact-card ul li{margin-bottom:.5rem;display:flex;align-items:center}.contact-card ul li i{color:var(--hmm-blue);margin-right:.75rem;width:20px;text-align:center}.footer-bottom{border-top:1px solid #e0e0e0;padding-top:15px;margin-top:20px;text-align:center}.copyright-text{font-size:14px;color:#6c757d;line-height:1.6}body.welcome-page-layout{height:80vh;overflow:hidden}.welcome-page-layout main{height:70%}.welcome-page-header{background:#fff6!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;height:13%;top:0;left:0;z-index:10;border-bottom:none!important;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%}.welcome-page-header .top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem}.welcome-page-header .hmm-logo{height:40px;flex-shrink:0}.welcome-page-header .mim-logo{height:45px;flex-shrink:0}.welcome-page-header .hero-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:League Spartan,sans-serif}.hero-container{width:100%;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fffdfd;font-family:League Spartan,sans-serif;padding-top:35vh;padding-bottom:15vh;box-sizing:border-box}.hero-main-title{font-weight:700;font-size:clamp(48px,8vw,90px);line-height:1;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.hero-sub-title{font-size:clamp(20px,3vw,32px);margin-top:1rem;margin-bottom:3rem;text-shadow:1px 1px 5px rgba(0,0,0,.5);font-weight:300}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.hero-buttons .btn{padding:.75rem 0;width:300px;max-width:90vw;font-size:clamp(18px,2.5vw,24px);font-family:League Spartan,sans-serif;font-weight:600;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:15px;transition:all .2s ease-in-out;border:3px solid transparent}.hero-buttons .btn-vessel{background-color:#e71850;border-color:#e71850;color:#fffdfd}.hero-buttons .btn-vessel:hover{background-color:#fffdfd;color:#e71850;border-color:#e71850;transform:translateY(-5px);box-shadow:0 10px 20px #0003}.hero-buttons .btn-vessel:active{background-color:#f0f0f0;color:#e71850;border-color:#e71850;transform:translateY(1px) scale(.98);box-shadow:none}.hero-buttons .btn-stacking{background-color:transparent;color:#fffdfd;border-color:#fffdfd}.hero-buttons .btn-stacking:hover{background-color:#f0f0f0;color:#e71850;border-color:#e71850;transform:translateY(1px) scale(.98);box-shadow:none}.hero-buttons .btn-stacking:active{background-color:#e71850;color:#fffdfd;border-color:#e71850;transform:translateY(1px) scale(.98);box-shadow:none}.user-info-logout{display:flex;align-items:center;gap:.75rem}.user-info-logout .user-name{font-weight:600;color:var(--hmm-blue);font-size:.9rem}.user-info-logout .separator{color:var(--hmm-blue)}.user-info-logout .logout-link{font-weight:600;color:var(--hmm-blue);text-decoration:none;font-size:.9rem;transition:all .2s ease}.user-info-logout .logout-link:hover{font-weight:700;text-decoration:underline;opacity:.8}.hamburger-btn{display:none;background:transparent;border:none;cursor:pointer;padding:10px;z-index:1001;position:relative}.hamburger-btn span{display:block;width:25px;height:3px;background-color:var(--hmm-blue);margin:5px 0;transition:all .3s ease-in-out;border-radius:3px}.hamburger-btn.is-active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.is-active span:nth-child(2){opacity:0}.hamburger-btn.is-active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;right:0;width:80vw;max-width:350px;height:100%;background-color:#fff;box-shadow:-5px 0 20px #0000001a;z-index:1000;transform:translate(100%);transition:transform .4s ease-in-out}.mobile-nav.is-active{transform:translate(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:var(--hmm-blue);color:#fff;flex-shrink:0}.mobile-nav-title{font-weight:700;font-size:1.1rem}.close-menu-btn{background:transparent;border:none;color:#fff;font-size:1.8rem;line-height:1;padding:.25rem;cursor:pointer}.mobile-nav a{display:block;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;color:var(--hmm-blue);text-decoration:none;font-size:1rem;font-weight:500;transition:background-color .2s ease}.mobile-nav a:hover{background-color:#f8f9fa}.mobile-user-name{display:block;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;font-size:.9rem;color:#6c757d;font-style:italic;background-color:#f8f9fa}.mobile-user-info{display:block}.mobile-user-actions .btn-mobile{font-weight:600;color:var(--hmm-red);text-align:left}.mobile-nav-links,.mobile-user-actions{width:100%;margin:0;padding:0;border:none}@media (max-width: 991px){.desktop-only-nav,.desktop-only-actions{display:none!important}.mobile-header-right{display:flex;align-items:center;gap:1rem}.mobile-only-logo-mim{height:47px}.mobile-header-right .mobile-only-logo{display:block}.site-header,.welcome-page-header .top-bar{display:flex;justify-content:space-between;align-items:center}.hamburger-btn{display:block}.site-header{display:flex;justify-content:space-between;align-items:center}.welcome-page-header .top-bar{justify-content:space-between}.site-header .header-col{flex:none}.footer-title{color:var(--hmm-blue);font-weight:600;font-size:.9rem;margin-bottom:25px;position:relative;padding-bottom:10px}.contact-person-grid{display:grid;grid-template-columns:repeat(3,2fr);gap:20px}.contact-person-item{display:flex;align-items:center;font-size:12px;margin-bottom:15px}.action-bar{flex-direction:column;align-items:stretch;gap:1rem}.action-vessel-buttons{flex-direction:column;width:100%;margin-left:0!important;gap:.8rem}.action-vessel-buttons .btn{width:100%;text-align:center}.action-buttons{display:flex;flex-direction:row;width:100%;gap:.8rem;margin-left:0!important}.action-buttons .btn{flex:1;text-align:center}.btn-refresh,.btn-save{padding:.5rem 1rem;font-size:14px;font-weight:600;color:#fff;border:2px solid transparent;transition:all .2s ease-in-out}.btn-refresh{background-color:var(--hmm-blue);border-color:var(--hmm-blue)}.btn-refresh:hover{background-color:#fff;border-color:var(--hmm-blue);color:var(--hmm-blue)}.btn-save{background-color:var(--hmm-red);border-color:var(--hmm-red)}.btn-save:hover{background-color:#fff;color:var(--hmm-red);border-color:var(--hmm-red)}.copyright-text{font-size:11px;color:#6c757d;line-height:1.6}.alert-info{padding:6px 12px;font-size:14px}}