@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.boat-rotation{position:relative;display:block;transform:rotate(var(--heading));transform-origin:center;transition:transform .9s ease-in-out;will-change:transform}.boat-marker .cargo i:not(.occupied){border-color:#3b4c462e;background:#b0b8ae29;box-shadow:none}.boat-marker .cargo i.occupied{opacity:1!important;border:2px solid #3b2c00!important;background:#ffd400!important;box-shadow:inset 0 0 0 1px #fff4a8,0 1px 3px #17313f80!important}.cargo-container{cursor:pointer;pointer-events:all;transform-box:fill-box;transform-origin:center;transition:filter .18s,transform .18s}.cargo-container:hover,.cargo-container.active{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #006398);transform:scale(1.12)}.container-popup-kicker{display:block;margin-top:9px;color:var(--green-dark);font-size:10px;font-weight:800;letter-spacing:.08em}.container-popup-metrics{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;margin:10px 0}.container-popup-metrics>span{display:grid;padding:9px;border-radius:7px;background:#f3f7f5}.container-popup-metrics small,.container-popup-details dt{color:var(--muted);font-size:11px}.container-popup-metrics strong{margin-top:3px;color:var(--ink);font-size:17px}.container-popup-details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid var(--line)}.container-popup-details>div{display:grid;gap:2px;padding:7px 5px;border-bottom:1px solid var(--line)}.container-popup-details dd{overflow:hidden;margin:0;color:var(--ink);font-size:12px;font-weight:800;text-overflow:ellipsis}.container-popup-last{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding-top:9px}.container-popup-last span,.container-popup-last small{color:var(--muted);font-size:11px}.container-popup-last strong{color:var(--blue);font-size:14px}.container-popup-last small{grid-column:1/-1}:root{font-family:Manrope,Arial,sans-serif;color:#17313f;background:#f3f6f5;font-synthesis:none;--blue:#00609c;--blue-2:#0076b8;--green:#189c60;--green-dark:#0d6b45;--yellow:#f8cc64;--ink:#17313f;--muted:#667b85;--line:#dce5e2;--surface:#fff;--danger:#c84343}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,116,170,.27);outline-offset:2px}svg{width:19px;height:19px;stroke-width:1.9}.primary,.secondary,.success,.danger,.danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:9px;border:1px solid transparent;font-size:15px;font-weight:800;cursor:pointer;transition:.18s ease}.primary{color:#fff;background:var(--blue);box-shadow:0 7px 16px #005f912e}.primary:hover{background:#004e78;transform:translateY(-1px)}.secondary{color:var(--blue);border-color:#cbdde4;background:#fff}.secondary:hover{border-color:var(--blue);background:#f3f9fb}.success{color:#fff;background:var(--green)}.danger{color:#fff;background:var(--danger)}.danger-outline{color:var(--danger);border-color:#efcaca;background:#fff}.icon-btn{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow.green{color:var(--green-dark)}.eyebrow svg{width:13px}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(480px,1.12fr) minmax(440px,.88fr);background:#f7f9f8}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;padding:52px clamp(45px,6vw,90px);color:#fff;background:linear-gradient(145deg,#003d5ef7,#00689aeb),radial-gradient(circle at 80% 20%,#00aa68,transparent 40%)}.login-visual:after{content:"";position:absolute;right:-16%;bottom:-36%;width:78%;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff06}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:24px}.login-brand img{display:block;width:150px}.login-brand .logo-plate{display:inline-flex;padding:10px 14px;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0000002e}.login-brand span{padding-left:24px;border-left:1px solid rgba(255,255,255,.35);font-size:13px;font-weight:700;letter-spacing:.13em}.login-message{position:relative;z-index:2;max-width:650px}.login-message h1{margin:18px 0;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em}.login-message>p{max-width:560px;color:#ffffffc7;font-size:18px;line-height:1.7}.login-page .eyebrow{font-size:15px}.login-features{display:flex;gap:10px;margin-top:38px}.login-features span{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#ffffff14;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-features svg{width:24px;height:24px;color:var(--yellow)}.login-panel{display:grid;min-height:100vh;place-items:center;padding:45px clamp(36px,6vw,92px)}.login-form-wrap{width:min(420px,100%);animation:rise .55s ease both}.login-form-wrap h2{margin:13px 0 8px;font-size:43px;letter-spacing:-.04em}.login-form-wrap>p{margin:0 0 34px;color:var(--muted);font-size:18px}.login-form-wrap form>label,.grouping-editor form>label,.confirm-modal label{display:block;margin:18px 0 8px;font-size:14px;font-weight:800}.input-wrap{display:flex;height:49px;align-items:center;gap:10px;padding:0 13px;border:1px solid #cfdad7;border-radius:9px;background:#fff;transition:.18s}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #005f9117}.input-wrap svg{color:#82949d}.input-wrap input{width:100%;border:0;outline:0}.input-wrap button{display:grid;padding:5px;place-items:center;border:0;background:transparent;cursor:pointer}.login-error{min-height:30px;padding-top:8px;color:var(--danger);font-size:14px}.login-submit{width:100%;height:48px;justify-content:space-between;padding:0 18px}.demo-accounts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:28px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px}.demo-accounts>strong{grid-column:1/-1;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.demo-accounts span{display:grid}.security-note{display:block;margin-top:16px;color:#819199;font-size:12px;line-height:1.5}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:1200;inset:0 auto 0 0;display:flex;width:246px;flex-direction:column;color:#fff;background:#083c55;box-shadow:8px 0 30px #0d303e1c}.brand{display:flex;position:relative;height:84px;align-items:center;justify-content:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1)}.brand .logo-plate{padding:7px 10px;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0000002e}.brand img{width:104px}.sidebar-close{display:none;position:absolute;right:24px;color:#fff;border-color:#ffffff26;background:transparent}.workspace{display:grid;gap:3px;margin:20px 16px 12px;padding:15px;border-radius:9px;background:#ffffff12}.workspace>span{color:#72d2a9;font-size:11px;font-weight:800;letter-spacing:.13em}.workspace strong{font-size:15px}.workspace small{display:flex;align-items:center;gap:6px;margin-top:5px;color:#ffffff8c;font-size:12px}.workspace svg{width:11px;color:#56c994}.sidebar nav{display:grid;gap:4px;padding:7px 12px}.sidebar nav a{display:flex;height:46px;align-items:center;gap:12px;padding:0 13px;border-radius:8px;color:#ffffffad;font-size:14px;font-weight:700;transition:.18s}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#009e6157,#009e611f);box-shadow:inset 3px 0 #42cb90}.sidebar nav a b{display:grid;min-width:19px;height:19px;margin-left:auto;place-items:center;border-radius:10px;color:#fff;background:#d95050;font-size:11px}.sidebar nav svg{width:17px}.sidebar-foot{display:grid;gap:9px;margin-top:auto;padding:14px}.demo-card{padding:12px;border:1px solid rgba(252,202,100,.2);border-radius:8px;background:#fcca6417}.demo-card span{display:flex;align-items:center;gap:6px;color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.08em}.demo-card svg{width:13px}.demo-card p{margin:6px 0 0;color:#ffffff8c;font-size:11px;line-height:1.45}.user-card{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;color:#fff;background:#ffffff0f;text-align:left;cursor:pointer}.user-card i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--green);font-size:12px;font-style:normal;font-weight:800}.user-card span{display:grid;min-width:0;flex:1}.user-card strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.user-card small{color:#ffffff7a;font-size:10px}.user-card>svg{width:15px;color:#ffffff80}.app-main{width:calc(100% - 246px);min-width:0;margin-left:246px}.topbar{position:sticky;z-index:1000;top:0;display:flex;min-height:84px;align-items:center;gap:20px;padding:14px 28px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.menu-button{display:none}.page-heading{min-width:0}.page-heading>span{color:var(--green-dark);font-size:11px;font-weight:800;letter-spacing:.12em}.page-heading h1{margin:3px 0 1px;font-size:21px;letter-spacing:-.025em}.page-heading p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.connection{display:flex;align-items:center;gap:8px;padding-right:14px;border-right:1px solid var(--line)}.connection>svg{width:16px}.connection.online>svg{color:var(--green)}.connection.offline>svg{color:var(--danger)}.connection span{display:grid}.connection strong{font-size:11px}.connection small{color:var(--muted);font-size:10px}.pending-pill{padding:5px 8px;border-radius:12px;color:#8a5c00;background:#fff1c4;font-size:11px;font-weight:800}.demo-toggle{display:flex;align-items:center;gap:7px;cursor:pointer}.demo-toggle input{position:absolute;opacity:0}.demo-toggle>span{position:relative;width:32px;height:18px;border-radius:10px;background:#bac7c4;transition:.2s}.demo-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.demo-toggle input:checked+span{background:var(--green)}.demo-toggle input:checked+span:after{transform:translate(14px)}.demo-toggle b{font-size:11px}.content{min-height:calc(100vh - 84px);padding:24px 28px 40px}.mobile-nav{display:none}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:20px}.page-intro h2{margin:7px 0 3px;font-size:24px;letter-spacing:-.035em}.page-intro p{max-width:690px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 25px #17313f09}.panel-heading{display:flex;min-height:69px;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.panel-heading h3{margin:4px 0 0;font-size:14px}.panel-heading>small{color:var(--muted);font-size:11px}.count{display:grid;min-width:28px;height:25px;place-items:center;border-radius:13px;color:var(--blue);background:#e9f4f8;font-size:12px;font-weight:800}.source-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.source-badge svg{width:9px;height:9px}.source-badge.demo{color:#7e5a0c;background:#fff2c9}.source-badge.live{color:#08764d;background:#e1f5eb}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:12px;font-size:10px;font-weight:800;white-space:nowrap}.status-badge i{width:5px;height:5px;border-radius:50%}.status-badge.moving{color:#08764d;background:#e2f5eb}.status-badge.moving i{background:var(--green)}.status-badge.unloading{color:#005f91;background:#e4f1f7}.status-badge.unloading i{background:var(--blue)}.status-badge.docked,.status-badge.offline,.status-badge.paused{color:#97600a;background:#fff2ce}.status-badge.docked i,.status-badge.offline i,.status-badge.paused i{background:#e6a424}.status-badge.unloaded{color:#62747c;background:#edf1f1}.status-badge.unloaded i{background:#8b9a9f}.empty{display:grid;min-height:230px;place-items:center;align-content:center;gap:7px;padding:30px;color:var(--muted);text-align:center}.empty>span,.empty>svg{color:#9cb1b9;font-size:32px}.empty strong{color:var(--ink);font-size:16px}.empty p{max-width:370px;margin:0;font-size:12px}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.back-link{display:flex;align-items:center;gap:7px;margin-bottom:0;padding:0;border:0;color:var(--blue);background:transparent;font-size:12px;font-weight:800;cursor:pointer}.back-link svg{width:14px}.barge-switcher{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff}.barge-switcher svg{width:18px;color:var(--blue)}.barge-switcher select{border:0;color:var(--ink);background:transparent;font-size:12px;font-weight:700;cursor:pointer}.barge-switcher select:focus{outline:none}.route-loading{display:grid;min-height:55vh;place-content:center;place-items:center;gap:12px;color:var(--muted);background:#f3f6f5;font-size:13px}.route-loading span{width:28px;height:28px;border:3px solid #d7e4e0;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}.error-boundary{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f3f6f5}.error-boundary-card{display:grid;gap:12px;max-width:480px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 50px #17313f14;text-align:center}.error-boundary-card strong{font-size:16px;color:var(--ink)}.error-boundary-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.error-boundary-card pre{overflow-x:auto;margin:0;padding:10px 12px;border-radius:8px;background:#f5f8f7;color:#a33226;font-size:11px;text-align:left;white-space:pre-wrap;word-break:break-word}.error-boundary-card button{justify-self:center}.list-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search{display:flex;width:min(460px,100%);height:42px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.search svg{width:15px;color:#8da0a8}.search input{width:100%;border:0;outline:0;font-size:13px}.list-toolbar>span,.inline-select{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:12px}.inline-select select{height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.kpi{display:flex;min-height:103px;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 5px 20px #17313f09}.kpi>span{display:grid;width:43px;height:43px;flex:none;place-items:center;border-radius:9px}.kpi.blue>span{color:var(--blue);background:#e8f3f7}.kpi.green>span{color:var(--green);background:#e6f6ee}.kpi.yellow>span{color:#aa720f;background:#fff2ce}.kpi.purple>span{color:#7250a2;background:#f1ebf7}.kpi>div{display:grid}.kpi small{color:var(--muted);font-size:11px}.kpi strong{margin:2px 0;font-size:23px}.kpi p{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:10px}.kpi p i{width:5px;height:5px;border-radius:50%;background:var(--green)}.filter-bar{display:flex;align-items:end;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}.filter-bar>div{display:flex;min-width:178px;align-items:center;gap:9px;margin-right:auto}.filter-bar>div svg{color:var(--green)}.filter-bar>div span{display:grid}.filter-bar>div b{font-size:12px}.filter-bar>div small{color:var(--muted);font-size:10px}.filter-bar label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.filter-bar select{min-width:120px;height:33px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;font-size:11px}.overview-workspace{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:480px}.overview-fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:14px}.empty-fleet{grid-column:1/-1;text-align:center;color:var(--muted);font-size:13px;padding:32px 0}.leaflet-overlay-pane svg{width:auto;height:auto}.map-wrap{position:relative;min-height:470px;background:#dbe3dc}.map-wrap.compact{min-height:350px;overflow:hidden;border:1px solid var(--line);border-radius:12px}.leaflet-container{width:100%;height:100%;min-height:inherit;background:#dbe3dc}.map-label{position:absolute;z-index:500;left:14px;bottom:14px;display:grid;grid-template-columns:8px auto;padding:8px 11px;border-radius:7px;background:#ffffffe6;box-shadow:0 6px 18px #00000024;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-label>span{width:6px;height:6px;margin:3px 7px 0 0;border-radius:50%;background:var(--green)}.map-label b{font-size:11px}.map-label small{grid-column:2;color:var(--muted);font-size:9px}.barge-map-icon{border:0;background:transparent}.boat-marker{position:relative;display:block;width:80px;height:118px;filter:drop-shadow(0 7px 7px rgba(0,0,0,.38));transform:scale(var(--scale));transform-origin:top left;transition:filter .2s}.barge-map-icon.selected .boat-marker{filter:drop-shadow(0 0 4px #fcca64) drop-shadow(0 8px 8px rgba(0,0,0,.44))}.boat-marker svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.boat-marker .deck{fill:none;stroke:#006398b8;stroke-width:2;stroke-linecap:round}.boat-marker .cargo{position:absolute;top:39px;left:21px;display:grid;width:38px;height:44px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:2px}.boat-marker .cargo i{border:1px solid rgba(0,99,152,.5);border-radius:1px;background:#ddeaeed1}.boat-marker .cargo i.occupied{border:2px solid #ffd400;background:#ffd400b8;box-shadow:0 0 0 1px #382a00b8}.boat-marker>b{position:absolute;right:4px;top:74px;display:grid;min-width:20px;height:20px;place-items:center;border:2px solid #fff;border-radius:10px;color:#fff;background:var(--blue);font-size:11px}.map-popup{min-width:210px}.map-popup>div{display:flex;justify-content:space-between;gap:10px}.map-popup h3{margin:8px 0 2px}.map-popup p{margin:0 0 7px;color:var(--muted);font-size:13px}.map-popup ul{display:grid;max-height:120px;gap:4px;overflow:auto;margin:0;padding:0;list-style:none}.map-popup li{display:flex;justify-content:space-between;gap:12px;padding-top:4px;border-top:1px solid var(--line);font-size:11px}.barge-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:12px}.barge-card{display:grid;min-height:222px;padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:.2s}.barge-card:hover{transform:translateY(-2px);border-color:#9ec4d5;box-shadow:0 12px 30px #17313f14}.barge-card-top{display:flex;align-items:flex-start;gap:11px}.barge-card-top>div{min-width:0;flex:1}.barge-card-badges{display:flex;align-items:center;gap:7px}.alert-flag{display:grid;width:26px;height:26px;flex:none;place-items:center;border-radius:7px}.alert-flag svg{width:14px}.alert-flag.critical{color:var(--danger);background:#fff0f0}.alert-flag.warning{color:#a46c09;background:#fff3d4}.alert-flag.info{color:var(--blue);background:#e9f4f8}.barge-index{display:grid;width:39px;height:39px;flex:none;place-items:center;border-radius:9px;color:var(--blue);background:#e9f4f8}.barge-card h3{margin:7px 0 3px;font-size:14px}.barge-card p{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:10px}.barge-card p svg{width:10px}.barge-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.barge-card-stats span{display:grid;padding:9px;border-radius:7px;background:#f5f8f7}.barge-card-stats small{color:var(--muted);font-size:9px}.barge-card-stats strong{overflow:hidden;margin-top:3px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.barge-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.barge-card footer span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.barge-card footer svg{width:11px;color:var(--green)}.barge-card footer b{color:var(--blue);font-size:10px}.detail-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.detail-title h2{margin:8px 0 3px;font-size:26px}.detail-title p{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:12px}.detail-title p svg{width:12px}.detail-layout{display:grid;grid-template-columns:1fr;gap:14px}.detail-main{display:grid;gap:14px}.container-table{display:grid}.container-table>div{display:grid;grid-template-columns:37px minmax(120px,1.3fr) repeat(4,minmax(80px,1fr));align-items:center;gap:10px;padding:12px 17px;border-bottom:1px solid var(--line)}.container-table>div:last-child{border:0}.container-symbol{display:grid;width:31px;height:31px;place-items:center;border-radius:6px;color:var(--blue);background:#eaf4f7}.container-symbol svg{width:15px}.container-flagged{background:#fff9ec}.container-flagged .container-symbol{color:#a46c09;background:#fff3d4}.container-alert-hint{overflow:hidden;color:#a46c09!important;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.detail-page .eyebrow{font-size:15px}.detail-page .detail-title h2{font-size:29px}.detail-page .detail-title p{font-size:14px}.detail-page .status-badge,.detail-page .source-badge{font-size:12px}.detail-page .back-link,.detail-page .barge-switcher select{font-size:14px}.detail-page .panel-heading h3{font-size:16px}.detail-page .panel-heading>small{font-size:13px}.detail-page .count{font-size:14px}.detail-page .container-table strong,.detail-page .container-table b{font-size:13px}.detail-page .container-table small{font-size:11px}.detail-page .history-callout p{font-size:13px}.detail-page .registry-editor header small,.detail-page .registry-editor label{font-size:12px}.container-table span{display:grid}.container-table strong,.container-table b{display:flex;align-items:center;gap:4px;font-size:11px}.container-table small{color:var(--muted);font-size:9px}.container-table b svg{width:11px;color:#dd7c3a}.helper{color:var(--muted);font-size:11px;line-height:1.55;display:block;margin-top:11px}.history-chart{display:flex;height:130px;align-items:end;gap:5px;padding:20px 22px 0}.history-chart i{flex:1;min-height:10px;border-radius:2px 2px 0 0;background:linear-gradient(#48c58d,#009e61);opacity:.75}.chart-labels{display:flex;justify-content:space-between;padding:7px 22px 17px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.planning-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.planning-summary>span{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.planning-summary>span>svg{color:var(--blue)}.planning-summary div{display:grid}.planning-summary strong{font-size:16px}.planning-summary small{color:var(--muted);font-size:10px}.plan-list{display:grid}.plan-list article{display:grid;grid-template-columns:48px minmax(220px,1.6fr) 70px 80px 95px 90px;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.plan-list article:last-child{border:0}.plan-date{display:grid;place-items:center;padding:7px;border-radius:7px;color:var(--blue);background:#e9f4f8}.plan-date b{font-size:14px}.plan-date small{font-size:9px;text-transform:uppercase}.plan-list h3{margin:6px 0 3px;font-size:14px}.plan-list p{display:flex;align-items:center;gap:4px;margin:0;color:var(--muted);font-size:10px}.plan-list p svg{width:10px}.plan-list article>span:not(.plan-date):not(.plan-state){display:grid}.plan-list article>span small{color:var(--muted);font-size:9px}.plan-list article>span strong{font-size:12px}.plan-state{display:flex;align-items:center;gap:5px;font-size:10px;font-style:normal;font-weight:800}.plan-state i{width:6px;height:6px;border-radius:50%}.plan-state.active{color:var(--green-dark)}.plan-state.active i{background:var(--green)}.plan-state.scheduled{color:var(--blue)}.plan-state.scheduled i{background:var(--blue)}.plan-barges{display:flex}.plan-barges i{display:grid;width:26px;height:26px;margin-left:-5px;place-items:center;border:2px solid #fff;border-radius:50%;color:var(--blue);background:#e8f3f7}.plan-barges svg{width:12px}.new-plan>form{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px;align-items:start}.plan-form-main{display:grid;gap:12px}.form-section{position:relative;display:grid;grid-template-columns:39px 1fr;gap:6px 12px;padding:18px}.step-number{display:grid;width:34px;height:34px;grid-row:1/3;place-items:center;border-radius:50%;color:var(--blue);background:#e7f2f6;font-size:12px;font-weight:800}.form-section h3{margin:1px 0 3px;font-size:14px}.form-section p{margin:0;color:var(--muted);font-size:11px}.form-grid,.available-barges,.sort-list,.ai-notice,.sequence-empty{grid-column:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.form-grid label,.grouping-editor label{display:grid;gap:6px;font-size:11px;font-weight:800}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px}.available-barges{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.available-barges>button{display:grid;grid-template-columns:32px 1fr auto 16px;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left;cursor:pointer}.available-barges>button>svg:first-child{padding:7px;width:31px;height:31px;border-radius:6px;color:var(--blue);background:#e8f3f7}.available-barges>button>svg:last-child{width:13px;color:var(--green)}.available-barges span{display:grid}.available-barges strong{font-size:11px}.available-barges small{color:var(--muted);font-size:9px}.sequence-heading{display:flex;align-items:start;justify-content:space-between}.ai-button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #cfbfdf;border-radius:7px;color:#64438b;background:#f5f0fa;font-size:11px;font-weight:800;cursor:pointer}.ai-button small{padding-left:6px;border-left:1px solid #d9cce5;font-size:9px}.ai-notice{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px;border:1px solid #d8c9e5;border-radius:8px;color:#60447d;background:#f8f4fb}.ai-notice>svg{flex:none}.ai-notice span{flex:1}.ai-notice strong{font-size:11px}.ai-notice p{font-size:10px}.sort-list{display:grid;gap:5px;margin-top:10px}.sortable-barge{display:grid;grid-template-columns:26px 25px 1fr auto 23px;align-items:center;gap:7px;min-height:52px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.sortable-barge.dragging{z-index:2;box-shadow:0 8px 20px #00000021}.sortable-barge .drag,.sortable-barge>button:last-child{padding:2px;border:0;color:#94a3a9;background:transparent;cursor:grab}.sortable-barge .drag svg{width:15px}.sortable-barge>b{display:grid;height:26px;place-items:center;border-radius:5px;color:var(--blue);background:#e9f4f8;font-size:11px}.sortable-barge>span:not(.source-badge){display:grid}.sortable-barge strong{font-size:11px}.sortable-barge small{color:var(--muted);font-size:9px}.sequence-empty{margin-top:12px;padding:20px;border:1px dashed #cbd8d5;border-radius:8px;color:var(--muted);text-align:center;font-size:11px}.plan-review{position:sticky;top:105px;padding:18px}.plan-review h3{margin:7px 0 18px}.plan-review>div{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.plan-review>div svg{width:14px;color:var(--blue)}.plan-review>div span{grid-column:2}.plan-review>div strong{grid-column:2}.plan-review .primary{width:100%;margin-top:17px}.plan-review>small{display:block;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.5}.form-error{padding:8px;border-radius:6px;color:var(--danger);background:#fff0f0;font-size:11px}.operation-hero{display:flex;min-height:250px;align-items:center;gap:30px;margin-bottom:14px;padding:26px 36px;overflow:hidden;border-radius:14px;color:#fff;background:linear-gradient(118deg,#064566,#006a9d);box-shadow:0 14px 35px #004b7033}.operation-progress-ring{display:grid;width:130px;height:130px;flex:none;place-content:center;border:10px solid rgba(255,255,255,.15);border-top-color:#53cf96;border-radius:50%;text-align:center}.operation-progress-ring span{font-size:25px;font-weight:800}.operation-progress-ring small{color:#ffffff9e;font-size:10px}.operation-current{flex:1}.operation-current>div:first-child{display:flex;gap:7px}.live-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;color:#74dbad;background:#009e6129;font-size:10px;font-weight:800;letter-spacing:.08em}.live-pill svg{width:10px}.operation-current h2{margin:12px 0 3px;font-size:28px}.operation-current>p{display:flex;align-items:center;gap:5px;margin:0;color:#ffffffa6;font-size:12px}.operation-current>p svg{width:12px}.operation-meta{display:flex;gap:30px;margin-top:22px}.operation-meta>span{display:grid;grid-template-columns:20px auto;column-gap:5px}.operation-meta svg{grid-row:1/3;width:15px;color:#67d6a4}.operation-meta b{font-size:13px}.operation-meta small{color:#ffffff8c;font-size:10px}.operation-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.operation-hero-map{position:relative;width:260px;height:198px;flex:none;overflow:hidden;border-radius:12px;box-shadow:0 8px 25px #00000040;cursor:pointer}.operation-hero-map .map-wrap{height:198px;min-height:198px}.map-click-shield{position:absolute;inset:0;z-index:1001;cursor:pointer}.operation-hero-map:hover .map-expand-hint{opacity:1}.map-expand-hint{position:absolute;z-index:500;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#fff;background:#00000073;opacity:0;transition:opacity .18s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-expand-hint svg{width:14px}.map-modal{width:min(860px,94vw);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 25px 80px #0000004d;animation:rise .22s}.map-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.map-modal-header h3{margin:6px 0 0;font-size:17px}.map-modal-body .map-wrap{min-height:520px}.operations-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.operation-queue article{display:grid;grid-template-columns:34px 1fr 8px 90px;align-items:center;gap:8px;padding:12px 17px;border-bottom:1px solid var(--line)}.operation-queue article.current{background:#f0f8f4;box-shadow:inset 3px 0 var(--green)}.operation-queue article>b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--blue);background:#e8f3f7;font-size:11px}.operation-queue article>span{display:grid}.operation-queue strong{font-size:12px}.operation-queue small{color:var(--muted);font-size:10px}.operation-queue article>i{width:6px;height:6px;border-radius:50%;background:#a4b0b4}.operation-queue i.in_progress,.operation-queue i.ready{background:var(--green)}.operation-queue i.error{background:var(--danger)}.operation-queue i.paused{background:#e2a52b}.operation-queue em{color:var(--muted);font-size:10px;font-style:normal;font-weight:700}.timeline{display:grid;padding:12px 18px}.timeline>div{position:relative;display:flex;gap:11px;padding:8px 0 13px}.timeline>div:after{content:"";position:absolute;left:4px;top:18px;bottom:-2px;width:1px;background:var(--line)}.timeline>div:last-child:after{display:none}.timeline>div>i{z-index:1;width:9px;height:9px;margin-top:3px;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 1px var(--green)}.timeline span{display:grid}.timeline strong{font-size:11px}.timeline p{margin:2px 0 0;color:var(--muted);font-size:10px}.modal-backdrop{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:#051c279e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .2s}.barge-icon-modal{display:grid;grid-template-rows:auto 1fr;width:min(900px,96vw);max-height:92vh;border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 25px 80px #0000004d;animation:rise .22s}.barge-icon-modal-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.barge-icon-modal-header h3{margin:6px 0 0;font-size:18px}.barge-icon-modal-body{display:grid;grid-template-columns:auto 1fr;overflow:hidden}.barge-icon-modal-canvas{display:flex;align-items:flex-start;justify-content:center;padding:24px 20px;background:#064566;overflow-y:auto;cursor:default}.barge-icon-modal-canvas .boat-marker{position:static;display:block;width:346px;max-width:100%;height:auto;transform:none;filter:none}.barge-icon-modal-canvas .boat-marker svg{position:static;inset:auto;display:block;width:100%;height:auto}.barge-icon-modal-canvas .cargo-container{cursor:pointer}.barge-icon-modal-detail{overflow-y:auto;padding:20px}@media(max-width:700px){.barge-icon-modal{width:96vw;max-height:94vh}.barge-icon-modal-body{grid-template-columns:1fr;grid-template-rows:auto auto;overflow-y:auto}.barge-icon-modal-canvas{padding:16px}.barge-icon-modal-canvas .boat-marker{width:min(280px,60vw)}}.barge-icon-modal-summary{padding:4px}.barge-summary-hint{margin:12px 0 0;color:var(--muted);font-size:12px}.container-detail{display:grid;gap:0}.container-alert-list{display:flex;flex-direction:column;gap:5px;margin:10px 0 4px}.container-alert-item{display:flex;align-items:flex-start;gap:7px;padding:8px 10px;border-radius:8px;border:1px solid rgba(192,57,43,.25);background:#c0392b12}.container-alert-item svg{flex-shrink:0;margin-top:1px;color:#c0392b}.container-alert-item strong{display:block;font-size:13px;font-weight:700;color:#c0392b}.container-alert-item p{margin:2px 0 0;font-size:12px;color:var(--muted)}.confirm-modal{position:relative;width:min(440px,100%);padding:27px;border-radius:14px;background:#fff;box-shadow:0 25px 80px #00000040;animation:rise .25s}.modal-close{position:absolute;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:#f1f4f3;cursor:pointer}.confirm-icon{display:grid;width:47px;height:47px;place-items:center;border-radius:11px;color:var(--blue);background:#e8f3f7}.confirm-icon.error{color:var(--danger);background:#fff0f0}.confirm-icon.completed{color:var(--green);background:#e6f6ee}.confirm-modal h2{margin:16px 0 6px;font-size:20px}.confirm-modal>p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.confirm-barge{display:flex;align-items:center;gap:10px;margin:17px 0;padding:12px;border-radius:8px;background:#f4f7f6}.confirm-barge>svg{color:var(--blue)}.confirm-barge span{display:grid}.confirm-barge strong{font-size:12px}.confirm-barge small{color:var(--muted);font-size:10px}.confirm-modal textarea{width:100%;min-height:75px;padding:9px;resize:vertical;border:1px solid var(--line);border-radius:7px;font-size:12px}.confirm-modal>div:nth-last-of-type(1){display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.confirm-modal>small{display:block;margin-top:12px;color:var(--muted);font-size:10px;text-align:center}.alert-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.alert-metrics article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.alert-metrics article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:8px}.alert-metrics .critical{color:var(--danger);background:#fff0f0}.alert-metrics .warning{color:#a46c09;background:#fff3d4}.alert-metrics .resolved{color:var(--green);background:#e7f6ef}.alert-metrics div{display:grid}.alert-metrics strong{font-size:17px}.alert-metrics small{color:var(--muted);font-size:10px}.alerts-list{display:grid;gap:8px}.alerts-list>article{display:grid;grid-template-columns:45px 1fr auto;gap:13px;align-items:start;padding:16px;border:1px solid var(--line);border-left:4px solid #7d9baa;border-radius:10px;background:#fff}.alerts-list>article.critical{border-left-color:var(--danger)}.alerts-list>article.warning{border-left-color:#dfa42f}.alert-type{display:grid;width:41px;height:41px;place-items:center;border-radius:9px;color:var(--blue);background:#e9f4f8}.alerts-list .critical .alert-type{color:var(--danger);background:#fff0f0}.alert-copy>div{display:flex;gap:5px}.severity{padding:4px 6px;border-radius:4px;font-size:9px;font-weight:800;text-transform:uppercase}.severity.critical{color:var(--danger);background:#fff0f0}.severity.warning{color:#986009;background:#fff3d1}.severity.info{color:var(--blue);background:#e9f4f8}.alert-copy h3{margin:8px 0 4px;font-size:15px}.alert-copy p{margin:0 0 6px;color:var(--muted);font-size:11px}.alert-copy>small{color:#8a999f;font-size:10px}.alert-actions{display:flex;align-items:center;gap:6px}.alert-state{margin-right:6px;font-size:10px;font-weight:800}.alert-state.open{color:var(--danger)}.alert-state.acknowledged{color:#a26b0a}.alert-state.resolved{color:var(--green)}.alert-context{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px}.alert-context span{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.alert-context svg{flex-shrink:0}.captain-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.captain-status>span{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fff}.captain-status>span>svg{color:var(--green)}.captain-status div{display:grid}.captain-status strong{font-size:12px}.captain-status small{color:var(--muted);font-size:10px}.captain-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:14px}.instructions article{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line)}.instructions article.done{opacity:.65}.instructions article>b{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--blue);background:#e8f3f7;font-size:11px}.instructions h3{margin:6px 0 2px;font-size:13px}.instructions p{display:flex;align-items:center;gap:4px;margin:0 0 5px;color:var(--muted);font-size:10px}.instructions p svg{width:10px}.confirmed{display:flex;align-items:center;gap:5px;padding:8px;border:0;color:var(--green-dark);background:transparent;font-size:11px;font-weight:800}.confirmed svg{width:13px}.boat-marker{width:108px;height:198px}.boat-marker .barge-platform{fill:#e2e5e0f0;stroke:#006398;stroke-width:3}.boat-marker .deck{fill:#949d9459;stroke:#29474bb8;stroke-width:1.5}.boat-marker .tug{fill:#f2f5f1fa;stroke:#006398;stroke-width:3;stroke-linejoin:round}.boat-marker .tug-inner{fill:#c2cccaf0;stroke:#35545e;stroke-width:1.4}.boat-marker .tug-cabin{fill:#f4f5f1;stroke:#244b58;stroke-width:1.8;stroke-linejoin:round}.boat-marker .tug-window{fill:#2c78a0;stroke:#173c50;stroke-width:1.5;stroke-linejoin:round}.boat-marker .tug-detail{fill:none;stroke:#344b51;stroke-width:1.4;stroke-linecap:round}.boat-marker .wake{fill:none;stroke:#ffffffe6;stroke-width:2;stroke-linecap:round}.boat-marker .cargo{top:14px;left:25px;width:58px;height:80px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:3px}.boat-marker .cargo i{border:1px solid rgba(59,76,70,.65);background:#b0b8aee6;box-shadow:inset 0 0 0 1px #ffffff59}.boat-marker .cargo i.occupied{border:2px solid #8b6500;background:#fcca64e6;box-shadow:inset 0 0 0 1px #fff6becc}.boat-marker>b{right:2px;top:91px;min-width:22px;height:22px;border-radius:11px}.performance-strip{display:flex;align-items:center;gap:0;margin:12px 0;padding:12px 16px}.performance-strip>span{display:grid;min-width:150px;padding:0 17px;border-right:1px solid var(--line)}.performance-strip>span:first-child{padding-left:0}.performance-strip small{color:var(--muted);font-size:10px}.performance-strip strong{margin-top:4px;font-size:14px}.performance-strip>a{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--blue);font-size:11px;font-weight:800}.performance-strip svg{width:13px}.detail-actions{display:flex;align-items:center;gap:10px}.history-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.history-callout h3{margin:5px 0}.history-callout p{margin:0;color:var(--muted);font-size:11px}.registry-editor>form{padding:16px 18px;border-bottom:1px solid var(--line)}.registry-editor form>header{display:flex;justify-content:space-between;margin-bottom:12px}.registry-editor header small{color:var(--muted);font-size:10px}.registry-editor form>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.registry-editor label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.registry-editor input{height:36px;padding:0 9px;border:1px solid var(--line);border-radius:6px}.registry-editor form>button{margin-top:12px}.report-toolbar{display:flex;align-items:end;gap:10px;padding:14px;margin-bottom:14px}.report-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.report-toolbar input,.report-toolbar select{min-width:130px;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#fff}.report-toolbar button:first-of-type{margin-left:auto}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.report-kpis article{display:flex;align-items:center;gap:12px;padding:16px}.report-kpis article>svg{width:34px;height:34px;padding:8px;border-radius:8px;color:var(--blue);background:#e9f4f8}.report-kpis span{display:grid}.report-kpis small{color:var(--muted);font-size:10px}.report-kpis strong{margin-top:3px;font-size:17px}.report-trend{margin-bottom:14px}.trend-bars{display:flex;height:170px;align-items:end;gap:3px;padding:18px}.trend-bars i{flex:1;min-width:3px;border-radius:3px 3px 0 0;background:linear-gradient(#fcca64,#009e61)}.table-scroll{overflow:auto}.report-table table{width:100%;border-collapse:collapse;font-size:11px}.report-table th,.report-table td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.report-table th{color:var(--muted);background:#f7f9f8}.history-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:14px}.history-toolbar>svg{color:var(--green)}.history-toolbar button{padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px;font-weight:800}.history-toolbar button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.history-toolbar span{margin-left:auto;color:var(--muted);font-size:10px}.history-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}.history-map{min-height:360px;overflow:hidden}.history-map .leaflet-container{min-height:360px}.history-summary{display:grid;grid-template-columns:32px 1fr;align-content:center;gap:5px 9px;padding:18px}.history-summary svg{grid-row:span 2;color:var(--blue)}.history-summary strong{font-size:20px}.history-summary small{margin-bottom:20px;color:var(--muted);font-size:10px}.history-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.history-metrics article{padding:16px}.history-metrics h3{display:flex;align-items:center;gap:6px;margin:0 0 10px}.metric-chart{height:130px}.metric-chart svg{width:100%;height:100px;overflow:visible}.metric-chart path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.metric-chart small{color:var(--muted);font-size:10px}.chart-na{display:grid;height:100px;place-items:center;color:var(--muted)}.report-kpis em{margin-top:3px;color:var(--muted);font-size:10px;font-style:normal}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 14px}.pagination button{padding:7px 10px;border:1px solid var(--line);border-radius:6px;color:var(--blue);background:#fff;font-size:11px;font-weight:800;cursor:pointer}.pagination button:disabled{opacity:.45;cursor:default}.pagination span{color:var(--muted);font-size:11px}.history-custom-range{display:flex;gap:6px;align-items:end}.history-custom-range label{display:grid;gap:2px;color:var(--muted);font-size:9px;font-weight:800}.history-custom-range input{height:31px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px}@media(max-width:1180px){.report-toolbar{flex-wrap:wrap}.report-toolbar button:first-of-type{margin-left:0}.report-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.history-toolbar{flex-wrap:wrap}.history-toolbar span{width:100%;margin-left:0}.history-grid{grid-template-columns:1fr}.history-summary{grid-template-columns:32px 1fr 32px 1fr}.history-summary small{margin-bottom:0}.registry-editor form>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.report-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.report-toolbar label,.report-toolbar input,.report-toolbar select{width:100%;min-width:0}.report-toolbar button{width:100%;padding:0 8px}.report-kpis,.history-metrics{grid-template-columns:1fr}.history-custom-range{width:100%}.history-custom-range label{flex:1}.history-custom-range input{width:100%}.registry-editor form>div{grid-template-columns:1fr}.pagination{justify-content:center}}.mini-container-list>div{display:grid;grid-template-columns:1fr auto}.mini-container-list .last-message{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}.mini-container-list .last-message strong{color:var(--blue)}.map-popup li>span{display:grid;text-align:right}.map-popup li em{font-style:normal}.map-popup li small{margin-top:2px;color:var(--muted);font-size:10px}@media(max-width:900px){.container-table>div>span.message-arrival{display:grid!important}}.boat-marker .cargo i.gps{animation:cargo-gps-correct .72s cubic-bezier(.2,.8,.2,1) both;will-change:transform}.boat-marker .cargo i.fallback{border-style:dashed;opacity:.72}.boat-marker .cargo i[data-device]{cursor:help}@keyframes cargo-gps-correct{0%{transform:translate(var(--gps-x),var(--gps-y)) scale(.82)}to{transform:translate(0) scale(1)}}.mode-toggle{display:flex;min-width:178px;align-items:center;gap:9px;padding:7px 9px;border:1px solid #cbdde4;border-radius:10px;background:#f4f9fb;cursor:pointer;transition:.2s}.mode-toggle.demo{border-color:#e4bc5e;background:#fff8e7;box-shadow:0 0 0 3px #fcca642e}.mode-toggle>svg{width:17px;color:var(--blue)}.mode-toggle.demo>svg{color:#aa7200}.mode-toggle>span{display:grid;flex:1}.mode-toggle strong{font-size:11px}.mode-toggle small{color:var(--muted);font-size:9px}.mode-toggle input{position:absolute;width:1px;height:1px;opacity:0}.mode-toggle>i{position:relative;width:34px;height:19px;flex:none;border-radius:10px;background:#9babb1;transition:.2s}.mode-toggle>i:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:.2s}.mode-toggle input:checked+i{background:#d69a20}.mode-toggle input:checked+i:after{transform:translate(15px)}.mode-toggle:focus-within{outline:3px solid rgba(0,116,170,.27);outline-offset:2px}.demo-banner{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 15px;border:1px solid #efd38f;border-radius:10px;color:#664600;background:linear-gradient(90deg,#fff7df,#fffdf7);box-shadow:0 6px 20px #ac780014}.demo-banner>svg{color:#c38308}.demo-banner>span{display:grid}.demo-banner strong{font-size:12px}.demo-banner small{margin-top:2px;color:#8c713b;font-size:10px}.demo-banner>i{margin-left:auto;padding:5px 8px;border-radius:10px;color:#8c5b00;background:#fcca64;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;animation:demo-pulse 1.8s ease-in-out infinite}.demo-active .barge-map-icon{transition:transform .95s linear}@keyframes demo-pulse{50%{opacity:.55}}@media(max-width:900px){.mode-toggle{min-width:145px}.mode-toggle small{display:none}}@media(max-width:640px){.mode-toggle{min-width:0;padding:7px}.mode-toggle>span{display:none}.connection{display:none!important}.demo-banner{align-items:flex-start}.demo-banner>i{display:none}}@media print{.sidebar,.topbar,.mobile-nav,.report-toolbar,.page-intro p,.pagination,.mode-toggle,.demo-banner{display:none!important}.app-main{margin:0!important;width:100%!important}.content{padding:0!important}.reports-page{color:#000}.panel{break-inside:avoid;box-shadow:none}.report-table{break-before:page}}.plan-legs{grid-column:2;margin-top:14px}.plan-legs h4{margin:0 0 8px;font-size:12px}.plan-leg-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:10px;align-items:end;margin-bottom:8px}.plan-leg-row label{display:grid;gap:6px;font-size:11px;font-weight:800}.plan-leg-row select{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px}.plan-leg-row>button{height:40px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.settings-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;padding:14px 18px}.settings-list li{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px}.settings-add-form{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}.settings-add-form input{flex:1;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:7px}.port-panel-columns{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}.port-panel-column{padding:14px 18px}.port-panel-column:first-child{border-right:1px solid var(--line)}.port-panel-column .settings-list{padding:10px 0 0}.port-panel-column .settings-add-form{padding:10px 0 0;border-top:0}.port-panel-column-title{display:block;margin-bottom:4px;color:var(--green-dark);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}@media(max-width:900px){.port-panel-columns{grid-template-columns:1fr}.port-panel-column:first-child{border-right:0;border-bottom:1px solid var(--line)}}.threshold-form{display:grid;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}.threshold-form select{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px}.threshold-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.threshold-inputs label{display:grid;gap:5px;font-size:10px;font-weight:700;color:var(--muted)}.threshold-inputs input{height:36px;padding:0 9px;border:1px solid var(--line);border-radius:7px;font-size:12px}.settings-barge-form{display:grid;gap:12px;padding:14px 18px;border-top:1px solid var(--line)}.settings-barge-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.settings-barge-form input{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:7px}.settings-barge-form fieldset{display:grid;max-height:240px;gap:4px;overflow:auto;margin:0;padding:0;border:0}.settings-barge-form legend{margin-bottom:8px;font-size:12px;font-weight:800}.signal-quality.Bom{color:#08764d}.signal-quality.Médio{color:#97600a}.signal-quality.Fraco{color:var(--danger)}.toast-stack{position:fixed;z-index:2500;top:16px;left:50%;display:grid;gap:8px;width:min(420px,92vw);transform:translate(-50%)}.toast{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:10px;background:#fff;box-shadow:0 14px 35px #0000002e;animation:rise .2s}.toast strong{display:block;font-size:12px}.toast p{margin:3px 0 0;color:var(--muted);font-size:11px}.toast button{flex:none;margin-left:auto;padding:2px;border:0;background:transparent;cursor:pointer}.toast.critical{border-left:4px solid var(--danger)}.toast.critical>svg:first-child{color:var(--danger)}.toast.warning{border-left:4px solid #dfa42f}.toast.warning>svg:first-child{color:#a46c09}.toast.info{border-left:4px solid var(--blue)}.toast.info>svg:first-child{color:var(--blue)}.toast-clickable span:hover strong{text-decoration:underline}.tracking-marker span{display:block;width:100%;height:100%;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000059}.tracking-marker.current span{background:var(--blue)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1180px){.kpi-grid,.barge-grid{grid-template-columns:1fr 1fr}.filter-bar{flex-wrap:wrap}.filter-bar>div{width:100%}.overview-workspace{grid-template-columns:minmax(0,1fr) 280px}.detail-layout{grid-template-columns:1fr}.grouping-editor,.plan-review{position:static}.new-plan>form{grid-template-columns:1fr}.captain-layout{grid-template-columns:1fr}.plan-list article{grid-template-columns:48px 1.5fr 60px 75px 90px}.plan-barges{display:none}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.22s}.sidebar.open{transform:none}.sidebar-close,.menu-button{display:grid}.sidebar-backdrop{position:fixed;z-index:1100;inset:0;border:0;background:#051c2780}.app-main{width:100%;margin:0}.topbar{padding:12px 17px}.connection,.demo-toggle b{display:none}.connection.offline{display:flex;padding:0;border:0}.connection.offline span{display:none}.content{padding:18px 17px 85px}.mobile-nav{position:fixed;z-index:1000;right:10px;bottom:10px;left:10px;display:flex;height:60px;align-items:center;justify-content:space-around;border:1px solid var(--line);border-radius:15px;background:#fffffff5;box-shadow:0 10px 40px #00000026;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-nav a{display:grid;place-items:center;gap:2px;color:#76898f;font-size:9px;font-weight:700}.mobile-nav a.active{color:var(--blue)}.mobile-nav svg{width:18px}.login-page{display:block}.login-visual{display:none}.login-panel{min-height:100vh}.overview-workspace{grid-template-columns:1fr}.selection-panel{border-top:1px solid var(--line);border-left:0}.map-wrap{min-height:420px}.operations-layout{grid-template-columns:1fr}.operation-hero{padding:25px}.captain-status{grid-template-columns:1fr}.container-table>div{grid-template-columns:35px 1fr 1fr}.container-table>div>span:nth-child(n+4){display:none}}@media(max-width:640px){.page-heading p{display:none}.top-actions>.icon-btn{display:none}.content{padding:15px 12px 82px}.page-intro{align-items:start;flex-direction:column}.page-intro h2{font-size:21px}.kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.kpi{min-height:91px;padding:11px}.kpi>span{width:35px;height:35px}.kpi strong{font-size:18px}.kpi p{display:none}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar>div{grid-column:1/-1}.filter-bar label:last-child{grid-column:1/-1}.filter-bar select{width:100%}.overview-workspace{min-height:0}.map-wrap{min-height:385px}.selection-panel{padding:14px}.barge-grid{grid-template-columns:1fr}.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar>span,.inline-select{margin:0}.detail-title{align-items:start;flex-direction:column;gap:8px}.detail-title h2{font-size:22px}.barge-card-stats{margin:11px 0}.planning-summary{grid-template-columns:1fr}.plan-list article{grid-template-columns:42px 1fr auto}.plan-list article>span:nth-of-type(2),.plan-list article>span:nth-of-type(3),.plan-barges{display:none}.form-section{grid-template-columns:1fr}.step-number{grid-row:auto}.form-grid,.available-barges,.sort-list,.ai-notice,.sequence-empty{grid-column:1}.form-grid,.available-barges{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.sequence-heading{align-items:start;flex-direction:column;gap:10px}.sortable-barge{grid-template-columns:25px 24px 1fr 22px}.sortable-barge .source-badge{display:none}.operation-hero{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.operation-hero-map{width:100%}.operation-progress-ring{width:90px;height:90px;border-width:7px}.operation-current h2{font-size:22px}.operation-meta{gap:15px}.operation-actions{display:grid}.operation-actions button{width:100%}.alerts-list>article{grid-template-columns:38px 1fr}.alert-actions{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-end}.alert-metrics{grid-template-columns:1fr 1fr 1fr}.alert-metrics article{padding:9px}.alert-metrics article>span{width:30px;height:30px}.alert-metrics small{display:none}.captain-layout .map-wrap{min-height:360px}.instructions article{grid-template-columns:30px 1fr}.instructions article>button{grid-column:1/-1}.login-panel{padding:25px 20px}.login-form-wrap h2{font-size:36px}.demo-accounts{grid-template-columns:1fr}.demo-accounts>strong{grid-column:auto}}.barge-map-icon{position:relative;transition:transform .95s linear}.map-status-flag{position:absolute;z-index:600;left:50%;top:-16px;transform:translate(-50%);pointer-events:none}.map-status-flag .status-badge{padding:3px 7px;font-size:9px;white-space:nowrap;box-shadow:0 2px 8px #00000047}.map-alert-flag{position:absolute;z-index:601;left:50%;top:-40px;transform:translate(-50%);display:grid;width:20px;height:20px;place-items:center;border-radius:50%;box-shadow:0 2px 8px #00000047;pointer-events:none}.map-alert-flag svg{width:13px;height:13px}.map-alert-flag.critical{color:#fff;background:var(--danger)}.map-alert-flag.warning{color:#5c3a00;background:#ffc94d}.map-zooming .barge-map-icon,.leaflet-zoom-anim .barge-map-icon{transition:none}.radar-ping{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px solid rgba(93,202,165,.85);pointer-events:none;animation:radar-ping 2.8s ease-out infinite}@keyframes radar-ping{0%{width:12px;height:12px;margin:-6px 0 0 -6px;opacity:.85}to{width:96px;height:96px;margin:-48px 0 0 -48px;opacity:0}}.barge-map-icon.has-alert .radar-ping{border-color:#e24b4aeb;border-width:2px;animation-duration:1.5s}@media(prefers-reduced-motion:reduce){.barge-map-icon{transition:none}.radar-ping{animation:none;opacity:0}.boat-rotation{transition:none}}.barge-icon-modal-canvas.is-3d{display:block;width:520px;max-width:52vw;height:100%;padding:0;overflow:hidden;background:#12303a}.convoy-scene{position:relative;width:100%;height:100%;min-height:420px}.convoy-scene canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.convoy-loading{display:grid;height:100%;place-items:center;margin:0;color:#ffffffb3;font-size:12px}.convoy-view-switch{position:absolute;z-index:2;top:12px;left:12px;display:flex;gap:4px;padding:3px;border-radius:9px;background:#081a21b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.convoy-view-switch button{padding:5px 11px;border:0;border-radius:6px;color:#ffffffb8;background:transparent;cursor:pointer;font-size:11px;font-weight:600;transition:.15s}.convoy-view-switch button:hover{color:#fff;background:#ffffff1a}.convoy-view-switch button.active{color:#0d2b34;background:#ffd400}.barge-icon-modal-modes{display:flex;align-self:center;gap:4px;margin-left:auto;margin-right:12px;padding:3px;border-radius:9px;background:#eef3f5}.barge-icon-modal-modes button{padding:5px 12px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;font-weight:700;transition:.15s}.barge-icon-modal-modes button:hover{color:var(--blue)}.barge-icon-modal-modes button.active{color:#fff;background:var(--blue)}@media(max-width:900px){.barge-icon-modal-canvas.is-3d{width:100%;max-width:none;min-height:320px}}.boat-marker{--wake: 0}.boat-marker .tug-fender{fill:#33474e;stroke:#1d2c33;stroke-width:.8}.boat-marker .tug-light-port{fill:#e2483f;stroke:#5e1a12;stroke-width:.6}.boat-marker .tug-light-stbd{fill:#3fbf7a;stroke:#12492f;stroke-width:.6}.boat-marker .wake-group{opacity:var(--wake);transition:opacity .6s ease-out}.boat-marker .wake-v{fill:none;stroke:#ffffffd9;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:5 7;animation:wake-flow 1.1s linear infinite}.boat-marker .wake-turb{fill:none;stroke:#fff9;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:3 6;animation:wake-flow .8s linear infinite}@keyframes wake-flow{to{stroke-dashoffset:-12}}@media(prefers-reduced-motion:reduce){.boat-marker .wake-v,.boat-marker .wake-turb{animation:none}}.boat-marker{filter:var(--vessel-tint,brightness(1)) drop-shadow(0 7px 7px rgba(0,0,0,.38));transition:filter .8s ease-in-out}.barge-map-icon.selected .boat-marker{filter:var(--vessel-tint,brightness(1)) drop-shadow(0 0 4px #fcca64) drop-shadow(0 8px 8px rgba(0,0,0,.44))}.map-wrap.light-day{--vessel-tint:brightness(1)}.map-wrap.light-dawn{--vessel-tint:sepia(.16) saturate(1.06)}.map-wrap.light-dusk{--vessel-tint:sepia(.3) saturate(1.12)}.map-wrap.light-night{--vessel-tint:brightness(1)}.map-wrap.light-night .tug-light-port{filter:drop-shadow(0 0 2.2px #ff6a5e)}.map-wrap.light-night .tug-light-stbd{filter:drop-shadow(0 0 2.2px #5fe39b)}.map-wrap.light-dusk .tug-light-port{filter:drop-shadow(0 0 1.4px #ff6a5e)}.map-wrap.light-dusk .tug-light-stbd{filter:drop-shadow(0 0 1.4px #5fe39b)}@media(prefers-reduced-motion:reduce){.boat-marker{transition:none}}.port-picker-map{min-height:380px;margin:14px 18px;overflow:hidden;border:1px solid var(--line);border-radius:8px}.port-picker-map .leaflet-container{min-height:380px}.port-picker-marker{cursor:grab}.raw-gps-marker{pointer-events:none}.raw-gps-marker i{display:block;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#e2402f;box-shadow:0 1px 5px #00000080}.raw-gps-marker b{position:absolute;left:15px;top:-2px;padding:1px 4px;border-radius:3px;background:#e2402feb;color:#fff;font-size:9px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.raw-gps-marker.gateway i{background:#0079b0}.raw-gps-marker.gateway b{background:#0079b0f0}.raw-gps-toggle{position:absolute;z-index:500;right:14px;top:14px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#fffffff0;color:#25292e;font-size:11px;font-weight:800;box-shadow:0 6px 18px #00000029;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.boat-marker .tug{fill:#eef2ef;stroke:#1d323b;stroke-width:1.8;stroke-linejoin:round}.boat-marker .tug-inner{fill:#cdd7d6;stroke:#4a616b;stroke-width:1;stroke-linejoin:round}.boat-marker .tug-house{fill:#8ea3ac;stroke:#1d323b;stroke-width:1.2;stroke-linejoin:round}.boat-marker .tug-cabin{fill:#f8faf6;stroke:#1d323b;stroke-width:1;stroke-linejoin:round}.boat-marker .tug-window{fill:#22404e;stroke:none}.boat-marker .tug-fender{fill:#4a616b;stroke:none}.boat-marker .tug-detail{fill:none;stroke:#5c7683;stroke-width:.9;stroke-linecap:round}.boat-marker .barge-platform{fill:#dfe5e0;stroke:#1d323b;stroke-width:1.8}.boat-marker .deck{fill:none;stroke:#4a616b4d;stroke-width:1}.chat-widget{position:fixed;z-index:2000;right:22px;bottom:22px}.chat-bubble-toggle{display:grid;width:56px;height:56px;place-items:center;border:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--blue),#00466f);box-shadow:0 10px 26px #003c6059;cursor:pointer;transition:transform .15s}.chat-bubble-toggle:hover{transform:scale(1.06)}.chat-bubble-toggle svg{width:24px;height:24px}.chat-bubble-toggle.open{background:var(--ink)}.chat-panel{position:absolute;right:0;bottom:70px;display:flex;width:360px;max-width:calc(100vw - 44px);height:min(520px,70vh);flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 20px 60px #0a233247;animation:chat-panel-in .18s ease-out}@keyframes chat-panel-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.chat-panel-header{display:flex;flex:none;align-items:center;gap:10px;padding:14px 14px 14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--blue),#013a5c);color:#fff}.chat-panel-avatar{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:50%;background:#ffffff29}.chat-panel-avatar svg{width:19px}.chat-panel-header>div{display:grid;flex:1;gap:2px;min-width:0}.chat-panel-header strong{font-size:14px}.chat-panel-header small{display:flex;align-items:center;gap:4px;color:#fffc;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.chat-panel-header small svg{width:11px}.chat-panel-header .icon-btn{color:#fff;border-color:#ffffff59;background:transparent}.chat-panel-messages{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px;background:#f5f8f7}.chat-bubble{display:grid;max-width:82%;gap:4px;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.45}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-bubble time{color:inherit;font-size:9px;opacity:.6}.chat-bubble.assistant{align-self:flex-start;border-bottom-left-radius:4px;color:var(--ink);background:#fff;box-shadow:0 1px 3px #14283214}.chat-bubble.user{align-self:flex-end;border-bottom-right-radius:4px;color:#fff;background:var(--blue)}.chat-panel-input{display:flex;flex:none;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:#fff}.chat-panel-input input{flex:1;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-size:13px}.chat-panel-input input:focus{border-color:var(--blue);outline:none}.chat-panel-input .icon-btn{color:#fff;border:0;background:var(--blue)}.chat-panel-input .icon-btn:disabled{opacity:.4;cursor:not-allowed}.chat-panel-input .icon-btn svg{width:16px}@media(max-width:900px){.chat-widget{right:14px;bottom:82px}.chat-panel{width:calc(100vw - 28px);height:min(480px,65vh)}}.settings-page{display:flex;flex-direction:column;gap:20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}