*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#f4f6f8}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 32px;padding:8px 24px;min-height:56px;background:#fff;border-bottom:1px solid #dde2e7}.topbar-logo{height:32px;width:auto}.topbar-nav{display:flex;gap:20px;flex:1}.topbar-nav a{color:#333;text-decoration:none;font-weight:500;padding:6px 0;border-bottom:2px solid transparent}.topbar-nav a.active{color:#003d7a;border-bottom-color:#003d7a}.topbar-user{display:flex;align-items:center;gap:12px}.content{flex:1;min-height:0;padding:24px;position:relative;overflow-y:auto}.btn{padding:8px 14px;border:1px solid #003d7a;border-radius:6px;background:#003d7a;color:#fff;font-size:14px;cursor:pointer}.btn:hover{background:#002a55}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{background:#fff;color:#003d7a}.btn-secondary:hover{background:#eef3f9}.btn-danger{background:#fff;color:#c0392b;border-color:#c0392b}.btn-danger:hover{background:#fdf0ee}.btn-small{padding:4px 10px;font-size:13px}.card{background:#fff;border:1px solid #dde2e7;border-radius:8px;padding:20px;margin-bottom:20px}.card h2{font-size:18px;margin-bottom:14px}.form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px;min-width:180px}.field label{font-size:13px;font-weight:600;color:#444}.field input,.field select{padding:8px 10px;border:1px solid #c9d1d9;border-radius:6px;font-size:14px;background:#fff}.field select[multiple]{min-height:90px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid #e6eaef;vertical-align:top}.table th{font-weight:600;color:#444;background:#f8fafc}.table .actions{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-block;padding:2px 8px;border-radius:10px;background:#e8eef5;color:#003d7a;font-size:12px;margin:0 4px 4px 0}.tag-off{background:#f1f1f1;color:#777}.notice{padding:10px 12px;border-radius:6px;background:#eef7ee;border:1px solid #b9dfb9;color:#245a24;margin:12px 0;word-break:break-all}.notice code{font-size:13px}.subnav{display:flex;gap:16px;margin-bottom:20px}.subnav a{color:#333;text-decoration:none;padding:6px 10px;border-radius:6px}.subnav a.active{background:#dfe8f3;color:#003d7a}.center-card{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#4a90e2,#003d7a);padding:20px}.center-card .login-form{background:#fffffff2;padding:40px;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:420px}.center-card h1{font-size:20px;margin-bottom:16px}@media (max-width: 700px){.topbar{padding:8px 12px;gap:8px 16px}.topbar-logo{height:26px}.topbar-user{margin-left:auto}.topbar-nav{order:3;flex-basis:100%;gap:16px}.content{padding:12px}.card{padding:14px;margin-bottom:12px}.form-row{flex-direction:column;align-items:stretch}.field{min-width:0}.form-row .btn{width:100%}.subnav{flex-wrap:wrap;gap:8px}.subnav .field{flex-basis:100%;margin-left:0!important}.table{font-size:13px}.table th,.table td{padding:6px 8px;white-space:nowrap}}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#b0b0b0;margin-right:6px;vertical-align:0}.status-dot.online{background:#2e7d32;box-shadow:0 0 0 2px #2e7d3233}.splash-container{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#4a90e2,#003d7a);padding:20px}.splash-content{display:flex;flex-direction:column;align-items:center;gap:40px}.logo{max-width:400px;width:100%;height:auto;object-fit:contain}.login-form{background:#fffffff2;padding:40px;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:400px}.login-form form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input{padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#4a90e2}.login-button{padding:14px;background:linear-gradient(to right,#4a90e2,#357abd);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.login-button:active{transform:translateY(0)}@media (max-width: 600px){.logo{max-width:300px}.login-form{padding:30px 20px}}.login-error{color:#c0392b;font-size:.9rem;margin:0 0 12px}.login-button:disabled{opacity:.6;cursor:default}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.deployment-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:3000;animation:deploymentSheetFadeIn .2s ease-out}.deployment-sheet{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0003;min-width:260px;max-width:340px;overflow:hidden;animation:deploymentSheetScaleIn .2s ease-out}.deployment-sheet-header{padding:18px 24px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px}.deployment-sheet-title{font-size:17px;font-weight:600;color:#1a1a2e}.deployment-sheet-sub{font-size:12px;color:#666}.deployment-sheet-item{padding:16px 24px;font-size:15px;color:#1a1a2e;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.06);-webkit-user-select:none;user-select:none}.deployment-sheet-item:hover{background:#2196f31f}.deployment-sheet-item-warning{color:#b71c1c}.deployment-sheet-cancel{color:#666;border-bottom:none;text-align:center}@keyframes deploymentSheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes deploymentSheetScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes deploymentSheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.deployment-sheet-overlay{align-items:flex-end}.deployment-sheet{width:100%;max-width:100%;border-radius:20px 20px 0 0;border-bottom:none;padding-bottom:env(safe-area-inset-bottom,0px);animation:deploymentSheetSlideUp .3s ease-out}.deployment-sheet-header{align-items:center;text-align:center}.deployment-sheet-header:before{content:"";width:36px;height:4px;background:#0003;border-radius:2px;margin-bottom:12px}.deployment-sheet-item{text-align:center;padding:18px 24px}}.map-page{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:#ddf1ee}.map{width:100%;height:100%;position:absolute}.map-controls{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:8px;z-index:10}.map-mode-selector{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;display:flex;overflow:hidden;width:fit-content}.map-mode-selector button{padding:8px 12px;border:none;background:#fff;color:#666;font-size:12px;font-weight:500;cursor:pointer;border-right:1px solid #e0e0e0;transition:all .2s;min-width:70px;text-align:center}.map-mode-selector button:last-child{border-right:none}.map-mode-selector button:hover{background:#f5f5f5}.map-mode-selector button.active{background:#2196f3;color:#fff}.enc-detail-selector button{min-width:56px;padding:6px 10px;font-size:11px}.enc-detail-selector button.active{background:#607d8b}@media screen and (max-width: 768px){.map-controls{left:8px;top:8px;gap:6px}.map-mode-selector button{min-height:44px;padding:8px;font-size:11px}}.ol-zoom-bottom-right{position:absolute!important;bottom:25px!important;right:25px!important;top:auto!important;left:auto!important}.ol-zoom-bottom-right .ol-zoom-in{margin-bottom:5px;border-radius:4px}.ol-zoom-bottom-right .ol-zoom-out{border-radius:4px}.map-status{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#ffffffe6;border:1px solid #c9d1d9;border-radius:6px;padding:4px 10px;font-size:13px;display:flex;flex-wrap:wrap;gap:4px 14px;max-width:calc(100% - 24px)}.map-status .others-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:gray;border:1.5px solid #fff;box-shadow:0 0 0 1px #0003;margin-right:5px;vertical-align:-1px}.map-page.picking .map{cursor:crosshair}.pick-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#fff3e0;border:1px solid #FF9800;color:#e65100;border-radius:6px;padding:8px 12px;font-size:13px;display:flex;gap:12px;align-items:center;z-index:20}.map-notice{position:absolute;top:12px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100% - 24px));background:#e8f5e9;border:1px solid #a5d6a7;color:#1b5e20;border-radius:6px;padding:8px 14px;font-size:13px;z-index:20;cursor:pointer;white-space:pre-line}.map-notice.error{background:#ffebee;border-color:#ef9a9a;color:#b71c1c}.map-notice.warn{background:#fff3e0;border-color:#ffcc80;color:#e65100}.map-action-buttons{position:absolute;bottom:20px;left:20px;z-index:10;display:flex;flex-direction:column;gap:12px}.map-action-button{color:#fff;padding:12px 24px;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.map-action-button:hover{transform:translateY(-2px)}.map-action-button:active{transform:translateY(0)}.deploy-button{background:#4caf50;box-shadow:0 4px 12px #4caf5066}.deploy-button:hover{background:#45a049;box-shadow:0 6px 16px #4caf5080}.map-panels{position:absolute;top:10px;right:10px;width:280px;max-height:calc(100% - 140px);display:flex;flex-direction:column;gap:8px;z-index:10}.info-panel{width:100%;min-height:0;max-height:60%;background:#fffffff0;border:1px solid #c9d1d9;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;z-index:10}.info-panel.minimized{flex:0 0 auto}.panel-header h2 .muted{font-weight:400;font-size:12px;margin-left:6px}.vessel-item.no-position{cursor:default;opacity:.7}.vessel-item .fleet-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9e9e9e;margin-right:6px;vertical-align:0}.vessel-item .fleet-dot.online{background:#2196f3;box-shadow:0 0 0 2px #2196f333}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #e6e9ed}.panel-header h2{font-size:14px;margin:0;color:#333}.minimize-btn{background:none;border:none;font-size:12px;color:#666;cursor:pointer;padding:2px 6px}.deployment-list{margin:0;padding:8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.deployment-item{padding:8px 10px;background:#f6f8fa;border-radius:6px;cursor:pointer;border:1px solid #e1e4e8;transition:all .15s;-webkit-user-select:none;user-select:none}.deployment-item:hover{background:#2196f314;border-color:#2196f3}.deployment-item.selected{background:#2196f326;border-color:#2196f3;box-shadow:0 1px 6px #2196f34d}.deployment-name{font-weight:600;color:#222;margin-bottom:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deployment-info{display:flex;align-items:center;gap:8px}.deployment-status-badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.deployment-status-badge.status-setting{background:#fff3e0;color:#e65100}.deployment-status-badge.status-deployed{background:#e8f5e9;color:#2e7d32}.deployment-status-badge.status-lost{background:#ffebee;color:#b71c1c}.deployment-count{font-size:10px;color:#555;white-space:nowrap;flex:1}.deployment-actions-btn{background:none;border:1px solid #c9d1d9;border-radius:4px;font-size:14px;line-height:1;padding:1px 6px;cursor:pointer;color:#444}.deployment-actions-btn:hover{background:#fff;border-color:#2196f3}.empty-message{text-align:center;color:#888;font-size:12px;padding:10px}.modal-dialog{background:#fff;border-radius:8px;padding:24px;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 4px 16px #0000004d}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px;color:#333}.modal-body label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#555}.modal-body input,.modal-body select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-body input:focus,.modal-body select:focus{outline:none;border-color:#2196f3}.deploy-location{display:flex;gap:8px}.deploy-location-actions{display:flex;gap:8px;margin:8px 0 16px}.deploy-warning{margin-bottom:16px;padding:12px;background:#fff3e0;border-radius:4px;border:1px solid #FF9800;font-size:12px;color:#666}.deploy-warning-title{font-weight:600;color:#e65100;margin-bottom:8px;font-size:13px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.modal-btn-cancel{background:#f5f5f5;color:#333}.modal-btn-cancel:hover{background:#e0e0e0}.modal-btn-ok{background:#2196f3;color:#fff}.modal-btn-ok:hover{background:#1976d2}.modal-btn-ok:disabled{background:#ccc;cursor:not-allowed}@media screen and (max-width: 768px){.map-panels{top:auto;bottom:56px;right:8px;left:8px;width:auto;max-height:45%}.map-action-buttons{bottom:56px;left:8px}.map-action-button{padding:10px 18px;font-size:14px}.map-status{bottom:8px;left:8px;right:8px;transform:none;max-width:none}}.panel-filter{padding:8px 8px 0}.panel-filter select{width:100%;padding:6px 8px;border:1px solid #c9d1d9;border-radius:4px;font-size:12px;background:#fff}.deployment-vessel{font-size:11px;color:#555;margin-bottom:4px}.map-status .fleet-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#9e9e9e;border:1.5px solid #fff;box-shadow:0 0 0 1px #0003;margin-right:5px;vertical-align:-1px}.map-status .fleet-dot.online{background:#2196f3}.trawl-content{padding:4px 0 24px}.trawl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.trawl-header h2{margin:0;font-size:22px;color:#333}.error-message{background:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:16px}.notice-message{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:4px;margin-bottom:16px;cursor:pointer}.empty-state{text-align:center;padding:48px 24px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-state p{color:#666;margin:8px 0}.trawls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.trawl-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;border:2px solid transparent;display:flex;flex-direction:column;transition:box-shadow .2s}.trawl-card:hover{box-shadow:0 4px 8px #00000026}.trawl-card.locked{border-color:#c8e6c9}.trawl-card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:8px}.trawl-card-header h3{margin:0;font-size:18px;color:#333}.trawl-lock{background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trawl-card-body{margin-bottom:16px}.trawl-info{margin:4px 0;font-size:14px;color:#666}.trawl-notes{font-size:13px;color:#888;font-style:italic;margin-top:8px}.trawl-transponders{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.transponder-chip{display:inline-flex;align-items:center;gap:6px;background:#e3f2fd;padding:4px 10px;border-radius:16px;font-size:13px}.transponder-index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#2196f3;color:#fff;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.transponder-serial{color:#1976d2;font-weight:500}.trawl-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:8px}.btn-primary{background:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1976d2}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#e0e0e0}.action-btn{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid;min-width:80px;text-align:center;background:#fff}.action-btn:active{transform:scale(.95)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.edit-btn{color:#2196f3;border-color:#2196f3}.edit-btn:hover{background:#2196f3;color:#fff}.delete-btn{color:#f44336;border-color:#f44336}.delete-btn:hover:not(:disabled){background:#f44336;color:#fff}.btn-add{background:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer}.btn-add:hover{background:#45a049}.btn-remove{background:#ff9800;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer}.btn-remove:hover{background:#f57c00}.transponder-reorder{display:inline-flex;flex-direction:column;gap:2px}.btn-order{border:1px solid #ddd;background:#fafafa;border-radius:3px;font-size:9px;line-height:1;padding:3px 5px;cursor:pointer;color:#555}.btn-order:disabled{opacity:.3;cursor:default}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px}.modal-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000004d;width:100%;max-width:420px;max-height:calc(100vh - 32px);display:flex;flex-direction:column}.modal-dialog.large{max-width:760px}.modal-dialog form{display:flex;flex-direction:column;min-height:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;font-size:24px;line-height:1;color:#999;cursor:pointer}.modal-body{padding:20px 24px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #eee}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#555}.form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.form-control:focus{outline:none;border-color:#2196f3}.transponder-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px}.transponder-selection h4{margin:0 0 8px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.transponder-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.transponder-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa}.transponder-item.selected{background:#e3f2fd;border-color:#bbdefb}.transponder-details{display:flex;flex-direction:column;flex:1;min-width:0;font-size:13px}.transponder-meta{font-size:11px;color:#888}.no-transponders{font-size:13px;color:#888;font-style:italic}@media screen and (max-width: 768px){.transponder-selection,.trawls-grid{grid-template-columns:1fr}}.trawl-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vessel-filter{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.App{width:100%}.page{padding:24px}.muted{color:#666}.error{color:#c0392b}