@charset "UTF-8";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#0f172a}.app-container{height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;display:flex;align-items:center;justify-content:space-between;padding:12px;background:#044155;color:#fff;position:fixed;width:100%;z-index:10000}.app-header .logo{font-weight:700;letter-spacing:2px;font-size:14px}.app-header .subtitle{font-size:12px;opacity:.7}.content{margin-top:65px;flex:1;overflow-y:auto;padding:20px 20px 120px}.content.content-update{padding:0!important}.content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.panel{background:#fff;padding:24px;border:1px solid #e5e7eb;margin-bottom:20px}.panel h1{font-size:18px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.panel p{font-size:14px;color:#6b7280}.footer-nav{z-index:1000;position:fixed;bottom:0;width:100%;background:#fff;padding:10px 0 40px;border-top:1px solid #eee}.nav-item{background-color:#fff;flex:1;text-align:center;font-size:12px;color:#777;text-decoration:none!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-item i{display:block;font-size:18px;margin-bottom:7px}.nav-item.active{color:green}.nav-item-center{position:relative;top:-20px}.plus-button{width:60px;height:60px;background:green;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 5px 15px #0003}.plus-button i{margin-bottom:0}.crew-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 12px;border-bottom:1px solid #e5e7eb}.crew-item:last-child{border-bottom:none}.crew-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb}.crew-info{display:flex;flex-direction:column}.crew-name{font-size:14px;font-weight:600;color:#0f172a}.crew-role{font-size:12px;color:#6b7280;letter-spacing:.3px}.crew-item:hover{background:#f8fafc}.update-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s ease}.update-item:hover{background:#f8fafc}.update-item i{font-size:12px;color:#9ca3af}.update-item:active{background:#eef2f7}.btn-primary{height:36px;display:flex;align-items:center}.timeline{position:relative;margin-left:10px}.timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-item{position:relative;display:flex;align-items:flex-start;margin-bottom:24px}.timeline-dot{width:18px;height:18px;background:#cbd5f5;border-radius:50%;position:relative;z-index:2;margin-right:12px}.timeline-content{padding-top:0;margin-top:-5qpx}.timeline-item:last-child{margin-bottom:0}input,select,textarea,*{border-radius:0!important}.btn-default{background-color:#fff;border:1px solid #e5e7eb;border-radius:0!important}alert{background-color:red;display:block;padding:12px;margin-bottom:20px;color:#fff}.employee-badge{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;overflow:hidden;border:1px solid #e5e7eb}.employee-badge .badge-header{background:linear-gradient(135deg,#0bb8e2,#087f9d);padding:28px 20px 55px;text-align:center;color:#fff;position:relative}.employee-badge .badge-header h3{margin:0;font-size:18px;font-weight:700}.employee-badge .badge-header .photo-wrapper{width:110px;height:110px;border-radius:50%;background:#fff;padding:5px;position:absolute;left:50%;bottom:-55px;transform:translate(-50%);box-shadow:0 8px 20px #0000002e}.employee-badge .badge-header .photo-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block}.employee-badge .badge-body{padding:70px 24px 24px;text-align:center}.employee-badge .badge-body .employee-name{font-size:24px;font-weight:700;margin-bottom:4px;color:#111827}.employee-badge .badge-body .employee-function{font-size:15px;color:#6b7280;margin-bottom:18px}.employee-badge .badge-body .current-ship{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;margin:18px 0 22px;text-align:left}.employee-badge .badge-body .current-ship .ship-label{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.employee-badge .badge-body .current-ship .ship-name{font-size:16px;font-weight:700;color:#111827}.employee-badge .badge-body .section{text-align:left;margin-top:20px}.employee-badge .badge-body .section .section-title{font-size:13px;font-weight:700;color:#374151;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.employee-badge .badge-body .section .tags{display:flex;flex-wrap:wrap;gap:8px}.employee-badge .badge-body .section .tags .tag{background:#eef9fc;color:#087f9d;border:1px solid #c7eef7;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600}.employee-badge .badge-body .section .tags .tag.green{background:#ecfdf3;color:#15803d;border-color:#bbf7d0}.employee-badge .badge-footer{border-top:1px solid #e5e7eb;padding:14px 24px;font-size:12px;color:#6b7280;display:flex;justify-content:space-between}.employee-badge .badge-footer .status{color:#15803d;font-weight:700}@media print{.employee-badge{box-shadow:none;border:1px solid #ddd}}.home-buttons{list-style:none;padding:0;margin:0;display:flex;gap:12px;flex-wrap:wrap}.home-buttons li{display:flex;align-items:center;justify-content:center;aspect-ratio:10/9;width:calc(50% - 10px);border:1px solid #eeeeee;border-radius:6px!important;box-shadow:5px 5px 15px #0000002b}.home-buttons li div{display:flex;align-items:center;justify-content:center;flex-direction:column}.home-buttons li div .icon{background-color:#e8f1ee;width:50px;height:50px;border-radius:50%!important}.home-buttons li div i{font-size:20px}.home-buttons li div span{display:block;font-weight:700;margin-top:10px}.home-buttons li div p{font-size:11px;margin:0}.ship-header{display:flex;align-items:center;font-size:20px;font-weight:700}.ship-header .icon{background-color:#ecf4fd;margin-right:20px;width:40px;height:40px;border-radius:50%!important;display:flex;align-items:center;justify-content:center}.ship-header .icon i{color:#0c3371}.tabs{margin-bottom:-17px}.tabs a{border:1px solid #e5e7eb;padding-block:10px;padding-left:22px;padding-right:22px;display:inline-block;border-bottom-color:#fff;text-decoration:none;color:#000}.tabs a.active{background-color:#fff}.latest-news-owl .latest-news-item{padding-bottom:10px}.latest-news-owl img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.latest-news-owl .owl-dots{margin-top:12px;text-align:center}.latest-news-owl .owl-dot span{width:8px;height:8px;margin:4px;display:block;border-radius:50%;background:#ccc}.latest-news-owl .owl-dot.active span{background:#000}.receiptDone{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px;background-color:#000c}.receiptDone .msg{width:100%;max-width:480px;padding:24px;background-color:#fff;border-radius:12px}.receiptDone .msg h3{margin-bottom:10px;font-weight:700}.receiptDone .msg p{margin-bottom:20px}.receiptDone .msg .actions{display:flex;gap:20px;margin-top:12px}.receiptDone .msg .actions .btn{flex:1}