.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar-row{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.topbar-row mc-top-bar{flex:1;min-width:0}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{width:240px;min-width:240px;height:100%;overflow-y:auto;border-right:1px solid var(--mds_brand_appearance_neutral_weak_border-color, #e0e0e0);background:var(--mds_brand_appearance_neutral_weakest_background-color, #f9f9f9);padding:0}.app-sidebar--collapsed{width:48px;min-width:48px;overflow:visible}.app-main{flex:1;overflow:auto;min-width:0}#main-content{min-width:320px}.break-word{word-break:break-word}.flex-nowrap{flex-wrap:nowrap}.full-width{width:100%}.full-max-width{max-width:100%}.full-min-width{min-width:100%}.full-height{height:100%}.full-max-height{max-height:100%}.full-min-height{min-height:100%}.width-fit-content{width:fit-content}.items-center{align-items:center}.items-start{align-items:start}.items-end{align-items:end}.flex-row-reverse{flex-direction:row-reverse}.content-end{justify-content:end}.content-start{justify-content:start}.content-between{justify-content:space-between}.flex-1{flex:1}.overflow-x-auto{overflow-x:auto}.main-content{padding:1rem 1.5rem 1.5rem}.main-content-full{padding:1.5rem}.app-sidebar ul{list-style:none;margin:0;padding:.5rem 0 0}.sidebar-nav-item{display:block;padding:10px 20px;text-decoration:none;color:var(--mds_brand_appearance_neutral_default_text-color, #333);font-size:.9rem;border-left:3px solid transparent;transition:background .15s,border-color .15s}.sidebar-nav-item:hover{background:var(--mds_brand_appearance_neutral_weak_background-color, #efefef)}.sidebar-nav-item--active{border-left-color:var(--mds_brand_appearance_primary_default_border-color, #0073ab);background:var(--mds_brand_appearance_neutral_weak_background-color, #efefef);font-weight:600;color:var(--mds_brand_appearance_primary_default_text-color, #0073ab)}.eq-select-label{display:block;font-size:.75rem;font-weight:500;margin-bottom:4px;color:var(--mds_brand_appearance_neutral_default_text-color, #333)}.eq-select{display:block;width:100%;padding:8px 32px 8px 10px;font-size:.875rem;border:1px solid var(--mds_brand_appearance_neutral_weak_border-color, #ccc);border-radius:4px;background:var(--mds_brand_appearance_neutral_weakest_background-color, #fff);color:var(--mds_brand_appearance_neutral_default_text-color, #333);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.eq-select:focus{outline:none;border-color:var(--mds_brand_appearance_primary_default_border-color, #0073ab);box-shadow:0 0 0 2px #0073ab33}.eq-table{width:100%;border-collapse:collapse;font-size:.875rem}.eq-table thead tr{border-bottom:2px solid var(--mds_brand_appearance_neutral_default_border-color, #ccc)}.eq-table th{text-align:left;padding:8px 12px;font-weight:600;white-space:nowrap;color:var(--mds_brand_appearance_neutral_default_text-color, #333)}.eq-table td{padding:8px 12px;border-bottom:1px solid var(--mds_brand_appearance_neutral_weakest_border-color, #eee);white-space:nowrap}.eq-table tbody tr.eq-table__row--clickable{cursor:pointer}.eq-table tbody tr.eq-table__row--clickable:hover{background:var(--mds_brand_appearance_neutral_weakest_background-color, #f5f5f5)}.eq-table td.eq-table__cell--empty{text-align:center;color:var(--mds_brand_appearance_neutral_weak_text-color, #999);padding:24px}.eq-kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.eq-kv-label{font-size:.75rem;color:var(--mds_brand_appearance_neutral_weak_text-color, #666);margin-bottom:2px}.eq-kv-value{font-size:.875rem}.eq-pagination{display:flex;align-items:center;gap:12px;justify-content:center;padding:8px 0}.eq-pagination__info{font-size:.875rem;color:var(--mds_brand_appearance_neutral_weak_text-color, #666)}.eq-total{font-size:.8125rem;color:var(--mds_brand_appearance_neutral_weak_text-color, #999)}.eq-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:2rem 1rem;overflow-y:auto}.eq-modal{background:var(--mds_brand_appearance_neutral_weakest_background-color, #fff);border-radius:6px;box-shadow:0 8px 32px #0000002e;width:100%;max-width:900px;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);overflow:hidden}.eq-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--mds_brand_appearance_neutral_weak_border-color, #e0e0e0);position:sticky;top:0;background:inherit;z-index:1}.eq-modal__close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--mds_brand_appearance_neutral_weak_text-color, #666);padding:4px 8px;border-radius:4px;line-height:1}.eq-modal__close:hover{background:var(--mds_brand_appearance_neutral_weak_background-color, #efefef)}.eq-modal__body{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.eq-modal-section{display:flex;flex-direction:column;gap:.75rem}.eq-modal-section__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mds_brand_appearance_neutral_weak_text-color, #666);border-bottom:1px solid var(--mds_brand_appearance_neutral_weakest_border-color, #eee);padding-bottom:.4rem;margin:0}.eq-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem 1.25rem}.eq-modal-field{display:flex;flex-direction:column;gap:2px}.eq-modal-field__label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--mds_brand_appearance_neutral_weak_text-color, #888)}.eq-modal-field__value{font-size:.875rem;color:var(--mds_brand_appearance_neutral_default_text-color, #333);word-break:break-word}.eq-badge{display:inline-block;padding:2px 10px;font-size:.8rem;border-radius:12px;background:var(--mds_brand_appearance_neutral_weak_background-color, #efefef);color:var(--mds_brand_appearance_neutral_default_text-color, #333);border:1px solid var(--mds_brand_appearance_neutral_weak_border-color, #ccc)}.cja-guide{width:100%;max-width:960px;display:flex;flex-direction:column;gap:1rem}.cja-guide__title{font-size:1rem;font-weight:700;margin:0;color:var(--mds_brand_appearance_neutral_default_text-color, #222)}.cja-guide__subtitle{font-size:.8125rem;margin:0;color:var(--mds_brand_appearance_neutral_weak_text-color, #666);line-height:1.5}.cja-guide__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:680px){.cja-guide__grid{grid-template-columns:repeat(2,1fr)}}.cja-phase-card{background:var(--mds_brand_appearance_neutral_weakest_background-color, #fff);border:1px solid var(--mds_brand_appearance_neutral_weakest_border-color, #e8e8e8);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.35rem;transition:box-shadow .15s}.cja-phase-card:hover{box-shadow:0 2px 8px #00000014}.cja-phase-card__header{display:flex;align-items:center;gap:.4rem}.cja-phase-card__num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.cja-phase-card__icon{font-size:1rem;line-height:1}.cja-phase-card__code{font-size:.75rem;font-weight:700;color:var(--mds_brand_appearance_neutral_default_text-color, #333);letter-spacing:.03em}.cja-phase-card__label{font-size:.8125rem;font-weight:600;color:var(--mds_brand_appearance_neutral_default_text-color, #222)}.cja-phase-card__desc{font-size:.75rem;color:var(--mds_brand_appearance_neutral_weak_text-color, #666);line-height:1.45}:root{--cja-sky: #e8f4fd;--cja-sea: #3a8fc7;--cja-wave-color: rgba(255,255,255,.5);--cja-road: #888;--cja-road-line: #fff;--cja-building: #b0c4d8;--cja-warehouse: #c8b89a;--cja-roof: #9e8070;--cja-window: #ade4ff;--cja-door: #7a6050;--cja-crane: #f5a623;--cja-alianca-blue: #003c7d;--cja-ship-deck: #c0cfe0;--cja-chimney: #444;--cja-smoke-color: rgba(180,180,180,.6);--cja-trailer: #ddd;--cja-wheel: #333;--cja-wheel-hub: #999;--cja-windshield: #a0d8ef;--cja-text: #334;--cja-container-empty: #42a5f5;--cja-container-full: #e53935}[data-theme=dark],.mc-theme--dark{--cja-sky: #1a2535;--cja-sea: #1a4f7a;--cja-wave-color: rgba(255,255,255,.2);--cja-road: #444;--cja-road-line: #888;--cja-building: #2a3a4a;--cja-warehouse: #3a3028;--cja-roof: #2a2018;--cja-window: #1a6080;--cja-door: #3a2818;--cja-crane: #d4901a;--cja-alianca-blue: #1a5aad;--cja-ship-deck: #2a3a4a;--cja-chimney: #888;--cja-smoke-color: rgba(100,100,100,.5);--cja-trailer: #555;--cja-wheel: #aaa;--cja-wheel-hub: #666;--cja-windshield: #204050;--cja-text: #ccd;--cja-container-empty: #64b5f6;--cja-container-full: #ef5350}.cja-wrapper{width:100%;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;user-select:none}.cja-scene{width:100%;height:auto;border-radius:8px;overflow:visible}.cja-phase-track{height:28px;position:relative;overflow:hidden}.cja-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;color:var(--cja-text);opacity:0;animation:cjaLabelFade 32s linear infinite}.cja-label--1{animation-delay:0s}.cja-label--2{animation-delay:-28s}.cja-label--3{animation-delay:-25s}.cja-label--4{animation-delay:-21s}.cja-label--5{animation-delay:-19s}.cja-label--6{animation-delay:-11s}.cja-label--7{animation-delay:-8s}.cja-label--8{animation-delay:-4s}@keyframes cjaLabelFade{0%{opacity:0;transform:translateY(6px)}2%{opacity:1;transform:translateY(0)}10.5%{opacity:1;transform:translateY(0)}12.5%{opacity:0;transform:translateY(-6px)}to{opacity:0}}.cja-wave--1{animation:cjaWave 3s ease-in-out infinite}.cja-wave--2{animation:cjaWave 3s ease-in-out infinite reverse;animation-delay:-1.5s}@keyframes cjaWave{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.cja-smoke--1{animation:cjaSmoke 1.8s ease-out infinite}.cja-smoke--2{animation:cjaSmoke 1.8s ease-out infinite;animation-delay:-.9s}@keyframes cjaSmoke{0%{opacity:.8;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(2)}}.cja-truck--left{transform:translate(90px) translateY(136px);animation:cjaTruckLeft 32s linear infinite}@keyframes cjaTruckLeft{0%{transform:translate(90px) translateY(136px);opacity:1}12.5%{transform:translate(850px) translateY(136px);opacity:1}20.8%{transform:translate(850px) translateY(136px);opacity:1}20.9%{opacity:0;transform:translate(90px) translateY(136px)}to{opacity:0;transform:translate(90px) translateY(136px)}}.cja-truck-container--left{opacity:0;fill:var(--cja-container-empty);animation:cjaTruckContainerLeft 32s linear infinite,cjaLeftContainerColor 32s linear infinite}@keyframes cjaTruckContainerLeft{0%{opacity:1}20.8%{opacity:1}20.9%{opacity:0}to{opacity:0}}@keyframes cjaLeftContainerColor{0%{fill:var(--cja-container-empty)}12.5%{fill:var(--cja-container-empty)}12.6%{fill:var(--cja-container-full)}20.9%{fill:var(--cja-container-empty)}to{fill:var(--cja-container-empty)}}.cja-crane-container--a{transform:translate(306px,36px);opacity:0;animation:cjaCraneA 32s linear infinite}@keyframes cjaCraneA{0%{opacity:0;transform:translate(306px,36px)}33.3%{opacity:0;transform:translate(306px,36px)}34%{opacity:1;transform:translate(306px,36px)}39%{opacity:1;transform:translate(306px,96px)}41.7%{opacity:0;transform:translate(306px,96px)}to{opacity:0;transform:translate(306px,36px)}}.cja-vessel{transform:translate(310px,100px);opacity:0;animation:cjaVessel 32s linear infinite}@keyframes cjaVessel{0%{opacity:0;transform:translate(310px,100px)}33.3%{opacity:0;transform:translate(310px,100px)}34.5%{opacity:1;transform:translate(310px,100px)}41.7%{opacity:1;transform:translate(310px,100px)}66.7%{opacity:1;transform:translate(580px,100px)}75%{opacity:1;transform:translate(580px,100px)}76%{opacity:0;transform:translate(310px,100px)}to{opacity:0;transform:translate(310px,100px)}}.cja-vessel-container{transform:translateY(0);opacity:0;animation:cjaVesselContainer 32s linear infinite}@keyframes cjaVesselContainer{0%{opacity:0}39%{opacity:0}40%{opacity:1}66.7%{opacity:1}68%{opacity:0}to{opacity:0}}.cja-crane-container--b{transform:translate(648px,96px);opacity:0;animation:cjaCraneB 32s linear infinite}@keyframes cjaCraneB{0%{opacity:0;transform:translate(648px,96px)}66.7%{opacity:0;transform:translate(648px,96px)}67.5%{opacity:1;transform:translate(648px,96px)}72%{opacity:1;transform:translate(648px,40px)}75%{opacity:0;transform:translate(648px,40px)}to{opacity:0;transform:translate(648px,96px)}}.cja-truck--right{transform:translate(650px) translateY(136px);opacity:0;animation:cjaTruckRight 32s linear infinite}@keyframes cjaTruckRight{0%{opacity:0;transform:translate(650px) translateY(136px)}75%{opacity:0;transform:translate(650px) translateY(136px)}75.5%{opacity:1;transform:translate(650px) translateY(136px)}87.5%{opacity:1;transform:translate(850px) translateY(136px)}88%{opacity:1;transform:translate(850px) translateY(136px)}99%{opacity:1;transform:translate(30px) translateY(136px)}to{opacity:0;transform:translate(30px) translateY(136px)}}.cja-truck-container--right{opacity:0;fill:var(--cja-container-full);animation:cjaTruckContainerRight 32s linear infinite,cjaRightContainerColor 32s linear infinite}@keyframes cjaTruckContainerRight{0%{opacity:0}75.4%{opacity:0}75.5%{opacity:1}99%{opacity:1}to{opacity:0}}@keyframes cjaRightContainerColor{0%{fill:var(--cja-container-full)}87.5%{fill:var(--cja-container-full)}87.6%{fill:var(--cja-container-empty)}to{fill:var(--cja-container-empty)}}.cja-sea-group{opacity:0;animation:cjaSeaGroup 32s linear infinite}@keyframes cjaSeaGroup{0%{opacity:0}33.3%{opacity:0}34%{opacity:1}87.5%{opacity:1}88%{opacity:0}to{opacity:0}}.cja-depot{opacity:1;animation:cjaDepot 32s linear infinite}@keyframes cjaDepot{0%{opacity:1}20.8%{opacity:1}20.9%{opacity:0}87.5%{opacity:0}87.6%{opacity:1}to{opacity:1}}.cja-terminal-phase1{opacity:0;animation:cjaTerminalPhase1 32s linear infinite}@keyframes cjaTerminalPhase1{0%{opacity:0}20.8%{opacity:0}20.9%{opacity:1}87.5%{opacity:1}87.6%{opacity:0}to{opacity:0}}.cja-terminal-lift{animation:cjaTerminalLift 3s ease-in-out infinite}@keyframes cjaTerminalLift{0%,to{transform:translateY(0)}35%,65%{transform:translateY(44px)}}.cja-port-a{opacity:0;animation:cjaPortA 32s linear infinite}@keyframes cjaPortA{0%{opacity:0}20.8%{opacity:0}20.9%{opacity:1}87.5%{opacity:1}87.6%{opacity:0}to{opacity:0}}.cja-truck--left-rev{transform:translate(850px) translateY(136px);opacity:0;animation:cjaTruckLeftRev 32s linear infinite}@keyframes cjaTruckLeftRev{0%{opacity:0;transform:translate(850px) translateY(136px)}20.8%{opacity:0;transform:translate(850px) translateY(136px)}20.9%{opacity:1;transform:translate(850px) translateY(136px)}33.3%{opacity:1;transform:translate(240px) translateY(136px)}33.4%{opacity:0;transform:translate(90px) translateY(136px)}to{opacity:0;transform:translate(90px) translateY(136px)}}.em-filter-card{border:1px solid var(--mds_brand_appearance_neutral_weak_border-color, #ddd);border-radius:6px;margin-bottom:1rem;overflow:hidden}.em-filter-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem 1rem;background:var(--mds_brand_appearance_neutral_weakest_background-color, #f5f5f5);border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--mds_brand_appearance_neutral_default_text-color, #333);text-align:left;transition:background .15s}.em-filter-card__header:hover{background:var(--mds_brand_appearance_neutral_weak_background-color, #ebebeb)}.em-filter-card__header--expanded{border-bottom:1px solid var(--mds_brand_appearance_neutral_weak_border-color, #ddd)}.em-filter-card__arrow{font-size:.75rem;transition:transform .2s ease;display:inline-block}.em-filter-card__arrow--open{transform:rotate(180deg)}.em-filter-card__body{padding:1rem;background:var(--mds_brand_appearance_neutral_weakest_background-color, #fff)}.em-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem 1rem}.em-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.em-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.8125rem;border-radius:14px;background:var(--mds_brand_appearance_primary_weakest_background-color, #e3f2fd);color:var(--mds_brand_appearance_primary_default_text-color, #0073ab);border:1px solid var(--mds_brand_appearance_primary_weak_border-color, #b3d9f0)}.em-filter-chip__remove{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;padding:0 2px;background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;color:var(--mds_brand_appearance_primary_default_text-color, #0073ab);opacity:.7;border-radius:50%;transition:opacity .12s,background .12s}.em-filter-chip__remove:hover{opacity:1;background:var(--mds_brand_appearance_primary_weak_background-color, #c6e5f5)}.sidebar-toggle-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;margin:0 4px;flex-shrink:0;background:none;border:none;cursor:pointer;border-radius:4px;color:var(--mds_brand_appearance_neutral_default_text-color, #333);transition:background .15s}.sidebar-toggle-btn:hover{background:var(--mds_brand_appearance_neutral_weak_background-color, #e8e8e8)}.sidebar-toggle-btn span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}.em-column-selector{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0;border-top:1px solid var(--mds_brand_appearance_neutral_weakest_border-color, #eee);border-bottom:1px solid var(--mds_brand_appearance_neutral_weakest_border-color, #eee)}.em-column-selector__label{font-size:.8125rem;font-weight:600;color:var(--mds_brand_appearance_neutral_weak_text-color, #666);padding-top:2px;white-space:nowrap}.em-column-selector__pills{display:flex;flex-wrap:wrap;gap:.35rem}.em-col-pill{padding:3px 10px;font-size:.8rem;border-radius:12px;border:1px solid var(--mds_brand_appearance_neutral_weak_border-color, #ccc);background:var(--mds_brand_appearance_neutral_weakest_background-color, #f5f5f5);color:var(--mds_brand_appearance_neutral_default_text-color, #555);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.em-col-pill:hover{background:var(--mds_brand_appearance_neutral_weak_background-color, #e8e8e8)}.em-col-pill--active{background:var(--mds_brand_appearance_primary_default_background-color, #0073ab);border-color:var(--mds_brand_appearance_primary_default_border-color, #0073ab);color:#fff}.em-col-pill--active:hover{background:var(--mds_brand_appearance_primary_strong_background-color, #005a87)}