.level-list-container{position:relative;background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(2,10,24,.08);border:2px solid #4886d3}.data-summary{display:flex;gap:16px;padding:16px;background:#f7fafc;border-bottom:2px solid #4886d3}.summary-item{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.summary-value{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:600;font-size:14px;line-height:16px;color:#4886d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:10px;line-height:12px;color:#4a5568;text-transform:uppercase;letter-spacing:.06em}.level-header{display:grid;grid-template-columns:64px 1fr 1fr 1fr;height:44px;background:#4886d3;border-bottom:2px solid #3670b8;position:sticky;top:0;z-index:5;align-items:center;padding:0 16px;box-shadow:0 2px 8px rgba(72,134,211,.2)}.data-header,.depth-header{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:11px;line-height:14px;color:#ffffff;text-transform:uppercase;letter-spacing:.08em;text-align:right;padding-right:12px}.level-list-body{position:relative;overflow:hidden}.virtual-list{scrollbar-width:thin;scrollbar-color:#4886d3 #f7fafc}.virtual-list::-webkit-scrollbar{width:8px}.virtual-list::-webkit-scrollbar-track{background:#f7fafc}.virtual-list::-webkit-scrollbar-thumb{background:#4886d3;border-radius:4px}.virtual-list::-webkit-scrollbar-thumb:hover{background:#3670b8}.simple-virtual{overflow:auto;scrollbar-width:thin;scrollbar-color:#4886d3 #f7fafc;scroll-behavior:smooth}.simple-virtual::-webkit-scrollbar{width:10px}.simple-virtual::-webkit-scrollbar-track{background:#f7fafc;border-radius:5px;margin:4px 0}.simple-virtual::-webkit-scrollbar-thumb{background:#4886d3;border-radius:5px;border:1px solid #3670b8}.simple-virtual::-webkit-scrollbar-thumb:hover{background:#3670b8;box-shadow:0 2px 4px rgba(72,134,211,.3)}.level-row{display:grid;grid-template-columns:64px 1fr 1fr 1fr;align-items:center;padding:0 16px;border-bottom:1px solid #e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;line-height:18px;position:relative;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);outline:none}.level-row:focus{box-shadow:inset 3px 0 0 #4886d3;background:rgba(72,134,211,.08)}.level-row.even{background:#ffffff}.level-row.odd{background:#f7fafc}.level-row.hovered{background:rgba(72,134,211,.12)!important;transform:translateX(2px);box-shadow:inset 3px 0 0 #4886d3,0 2px 8px rgba(72,134,211,.15)}.level-row.hovered .data-cell,.level-row.hovered .depth-cell{color:#1a202c}.depth-cell{color:#4886d3;text-align:right;padding-right:12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:600;display:flex;align-items:center;justify-content:flex-end;gap:2px}.depth-value{font-size:15px}.depth-unit{font-size:11px;opacity:.7;font-weight:500}.data-cell{color:#1a202c;text-align:right;padding-right:12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:500;display:flex;align-items:center;justify-content:flex-end;gap:2px}.data-value{font-size:14px}.data-unit{font-size:10px;opacity:.6;font-weight:400}.blueprint-image{right:12px;top:16px;width:min(240px,28%);height:350px;background-image:url(/floater-img.jpg);background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.08;mix-blend-mode:overlay;z-index:1;transition:opacity .3s ease}.blueprint-image,.scroll-indicator{position:absolute;pointer-events:none}.scroll-indicator{left:0;right:0;height:24px;background:#4886d3;border:1px solid #3670b8;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600;color:#ffffff;text-transform:uppercase;letter-spacing:.05em;z-index:8;animation:pulse 2s ease-in-out infinite}.scroll-indicator-top{top:0;border-radius:0 0 8px 8px;border-top:none}.scroll-indicator-bottom{bottom:0;border-radius:8px 8px 0 0;border-bottom:none}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.level-row{animation:fadeInUp .3s ease-out;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.level-row:first-child{animation-delay:0s}.level-row:nth-child(2){animation-delay:20ms}.level-row:nth-child(3){animation-delay:40ms}.level-row:nth-child(4){animation-delay:60ms}.level-row:nth-child(5){animation-delay:80ms}.level-row:nth-child(n+6){animation-delay:.1s}.level-list-container.loading{opacity:.7}.level-list-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid #e2e8f0;border-top-color:#4886d3;border-radius:50%;animation:spin 1s linear infinite;z-index:10}.level-list-container:hover .blueprint-image{opacity:.12}@media (max-width:1023px){.blueprint-image{width:180px;height:280px}}@media (max-width:599px){.blueprint-image{display:none}.data-summary{padding:12px;gap:12px}.summary-value{font-size:12px}.summary-label{font-size:9px}.level-header{height:40px}.level-header,.level-row{grid-template-columns:56px 1fr 1fr 1fr;padding:0 12px}.data-header,.depth-header{font-size:10px;padding-right:8px}.data-cell,.depth-cell{padding-right:8px}.data-value,.depth-value{font-size:13px}.data-unit,.depth-unit{font-size:10px}.scroll-indicator{font-size:9px;height:20px}}.date-picker-container{margin-bottom:16px}.date-picker-label{display:block;font-weight:600;font-size:12px;line-height:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.date-picker-label,.date-picker-select{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.date-picker-select{width:100%;height:40px;background:#4886d3;border:1px solid #4886d3;border-radius:8px;color:#ffffff;font-size:14px;padding:0 12px;cursor:pointer;transition:all .15s ease;position:relative}.date-picker-select:hover{border-color:#3670b8;background:#3670b8}.date-picker-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(78,161,255,.3)}.date-picker-select:disabled{opacity:.5;cursor:not-allowed}.date-picker-select option{background:var(--panel);color:var(--white);padding:8px}.date-picker-empty{width:100%;height:40px;background:var(--panel-2);border:1px solid var(--divider);border-radius:8px;color:var(--muted);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;padding:0 12px;display:flex;align-items:center;font-style:italic}.date-picker-loader{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-top:2px solid var(--divider);border:2px solid var(--divider);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@media (max-width:767px){.date-picker-empty,.date-picker-select{height:36px;font-size:13px}.date-picker-label{font-size:11px}}:root{--accent:#4ea1ff;--accent-2:#8bc1ff;--level-row:#4c7fce;--level-row-alt:#406fbb;--focus:0 0 0 3px rgba(78,161,255,0.45)}.float-popup-modal{font-feature-settings:"tnum" 1}.float-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,12,18,.72);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:80px 20px 20px;animation:fadeIn .2s ease-out;overflow-y:auto}.float-popup-modal{background:#ffffff;--white:#0f1217;--muted:#4a5568;--tile-text:#1a202c;--tile:#f7fafc;--tile-border:#e2e8f0;--panel-2:#edf2f7;--divider:#cbd5e0;border-radius:20px;box-shadow:0 10px 30px rgba(2,10,24,.08),0 2px 8px rgba(2,10,24,.06);border:1px solid rgba(2,10,24,.06);max-width:1200px;min-width:320px;width:100%;max-height:calc(100vh - 120px);position:relative;animation:modalEnter .22s cubic-bezier(.2,.8,.2,1);overflow:hidden;margin:auto}@media (max-width:479px){.float-popup-overlay{padding:60px 8px 8px}.float-popup-modal{max-height:calc(100vh - 80px)}.float-popup-header,.float-popup-summary{padding:16px}.float-popup-image-card{height:180px}.float-popup-title{font-size:18px;line-height:22px}.metric-tiles{grid-template-columns:1fr;gap:8px}.metric-tile{min-height:60px;padding:8px 10px}.metric-number{font-size:24px;line-height:28px}.details-content{padding:12px 16px 16px}.float-popup-details.expanded{max-height:min(35vh,300px)}}@media (prefers-reduced-motion:reduce){.float-popup-modal,.float-popup-overlay{animation:none}.float-popup-overlay{opacity:1}.float-popup-modal{opacity:1;transform:scale(1)}}.float-popup-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:2px solid #cbd5e0;background:#f7fafc;backdrop-filter:blur(8px);color:#1a202c;font-size:20px;cursor:pointer;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.float-popup-close:hover{background:#e2e8f0;border-color:#a0aec0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.float-popup-close:focus{outline:none;box-shadow:var(--focus),0 4px 12px rgba(0,0,0,.15);border-color:var(--accent)}.float-popup-close:active{transform:translateY(0);background:#cbd5e0}.float-popup-header{display:grid;grid-template-columns:496px 1fr;gap:24px;padding:24px;min-height:600px}.float-popup-image-card{position:relative;border-radius:12px;overflow:hidden;height:100%;min-height:100%;box-shadow:0 6px 16px rgba(2,10,24,.28);background:#000000}.float-popup-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.float-popup-image-card video{background:#000000}.float-popup-status-chip{position:absolute;top:16px;left:16px;height:28px;padding:6px 12px;border-radius:999px;display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:12px;line-height:14px;text-transform:uppercase;letter-spacing:.02em}.float-popup-status-chip.active{background:#ffffff;color:#2fd15a}.float-popup-status-chip.inactive{background:rgba(127,138,163,.2);color:#ffffff}.status-dot{width:8px;height:8px;border-radius:50%}.float-popup-status-chip.active .status-dot{background:var(--ok)}.float-popup-status-chip.inactive .status-dot{background:var(--muted)}.float-popup-location{top:104px;left:112px;background:rgba(16,24,36,.4);border:1px solid rgba(255,255,255,.15);padding:4px 8px;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-transform:uppercase;letter-spacing:.06em;backdrop-filter:blur(4px)}.float-popup-location,.float-popup-timestamp{position:absolute;font-size:12px;line-height:14px;color:var(--white)}.float-popup-timestamp{bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:500;opacity:.9;letter-spacing:.02em}.float-popup-summary{padding:20px;display:flex;flex-direction:column}.float-popup-title{font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:24px;line-height:28px;color:var(--white);text-transform:uppercase;letter-spacing:.06em;margin:0}.cycle-row{display:flex;justify-content:space-between;align-items:center;height:28px;margin-bottom:20px;padding:12px 14px;border:2px solid #4886d3;border-radius:12px;background:var(--tile)}.cycle-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:18px;color:var(--muted)}.cycle-value{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:600;font-size:24px;line-height:28px;color:#4886d3}.metric-tile{border:2px solid #4886d3}.metric-number{font-size:40px;line-height:44px}.metric-number,.metric-unit{font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:#4886d3}.metric-unit{font-size:24px}.metric-label{line-height:16px}.details-button,.metric-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.details-button{width:100%;height:44px;background:#4886d3;border:1px solid #4886d3;border-radius:12px;color:#ffffff;font-weight:600;font-size:14px;line-height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.details-button:hover{background:#3670b8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(72,134,211,.3)}.details-button:focus{outline:none;box-shadow:var(--focus)}.details-button:active{transform:translateY(0)}.details-caret{font-size:14px;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.details-caret.expanded{transform:rotate(180deg)}.float-popup-details{overflow:hidden;transition:all .28s cubic-bezier(.2,.8,.2,1);max-height:0;opacity:0}.float-popup-details.expanded{max-height:min(50vh,600px);opacity:1}.details-content{padding:16px 20px 20px}.empty-state,.loading-state{text-align:center;padding:40px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:18px;color:var(--muted)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:24px;height:24px;border-top:2px solid var(--divider);border:2px solid var(--divider);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.error-state{text-align:center;padding:40px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:18px;color:var(--err)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1279px) and (min-width:1024px){.float-popup-header{grid-template-columns:440px 1fr;min-height:550px}.metric-tile{min-height:76px}}@media (max-width:1023px){.float-popup-overlay{padding:60px 16px 16px}.float-popup-modal{max-width:800px;max-height:calc(100vh - 100px)}.float-popup-header{grid-template-columns:1fr;gap:20px;min-height:auto}.float-popup-image-card{height:300px;min-height:300px}.float-popup-details.expanded{max-height:min(45vh,500px)}}@media (max-width:767px){.float-popup-overlay{padding:70px 12px 12px;align-items:flex-start}.float-popup-modal{border-radius:16px;max-height:calc(100vh - 100px);margin-top:0}.float-popup-header{padding:20px;gap:16px;min-height:auto}.float-popup-summary{padding:20px}.float-popup-image-card{height:240px;min-height:240px}.metric-tiles{grid-template-columns:1fr 1fr;gap:10px}.metric-tile{min-height:70px;padding:10px 12px}.metric-number{font-size:28px;line-height:32px}.metric-unit{font-size:18px}.details-content{padding:16px 20px 20px}.float-popup-location{top:16px;right:60px;left:auto}.float-popup-details.expanded{max-height:min(40vh,400px)}}:root{--bg-0:#0f1217;--panel:#1a1f2a;--panel-2:#182132;--accent:#10b981;--accent-2:#34d399;--muted:#7f8aa3;--ok:#2fd15a;--warn:#ffb545;--err:#ff6b6b;--chip-bg:#122a18;--tile:#243049;--tile-border:#30405f;--tile-text:#e6f0ff;--level-row:#10b981;--level-row-alt:#059669;--divider:#2b3a57;--white:#ffffff;--shadow:0 10px 26px rgba(2,10,24,0.45),0 2px 8px rgba(2,10,24,0.3);--focus:0 0 0 3px rgba(16,185,129,0.45)}.fishery-popup-modal{font-feature-settings:"tnum" 1}.fishery-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,12,18,.72);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:80px 20px 20px;animation:fadeIn .2s ease-out;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fishery-popup-modal{background:#ffffff;--white:#0f1217;--muted:#4a5568;--tile-text:#1a202c;--tile:#f7fafc;--tile-border:#e2e8f0;--panel-2:#edf2f7;--divider:#cbd5e0;border-radius:20px;box-shadow:0 10px 30px rgba(2,10,24,.08),0 2px 8px rgba(2,10,24,.06);border:1px solid rgba(2,10,24,.06);max-width:1000px;min-width:320px;width:100%;max-height:calc(100vh - 120px);position:relative;animation:modalEnter .22s cubic-bezier(.2,.8,.2,1);overflow:hidden;margin:auto}@keyframes modalEnter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.fishery-popup-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:2px solid #cbd5e0;background:#f7fafc;backdrop-filter:blur(8px);color:#1a202c;font-size:20px;cursor:pointer;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.fishery-popup-close:hover{background:#e2e8f0;border-color:#a0aec0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.fishery-popup-header{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;min-height:500px}.fishery-popup-image-card{position:relative;border-radius:12px;overflow:hidden;height:100%;min-height:100%;box-shadow:0 6px 16px rgba(2,10,24,.28);background:linear-gradient(135deg,#e0f2fe,#f0f9ff);display:flex;align-items:center;justify-content:center}.fishery-icon-large{font-size:120px;opacity:.2;color:var(--accent)}.fishery-popup-risk-chip{position:absolute;top:16px;left:16px;height:28px;padding:6px 12px;border-radius:999px;display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;background:white;box-shadow:0 2px 8px rgba(0,0,0,.1)}.risk-dot{width:8px;height:8px;border-radius:50%}.fishery-popup-summary{padding:20px;display:flex;flex-direction:column}.fishery-popup-title{font-family:Segoe UI,Inter,sans-serif;font-weight:700;font-size:24px;line-height:28px;color:var(--white);text-transform:uppercase;letter-spacing:.06em;margin:0}.fishery-popup-subtitle{font-size:14px;color:var(--muted);margin-top:4px;font-weight:500}.title-divider{height:1px;background:var(--divider);margin:12px 0 20px}.metric-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.metric-tile{background:var(--tile);border:2px solid var(--accent);border-radius:12px;padding:12px 14px;min-height:84px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 4px rgba(2,10,24,.1)}.metric-number{font-size:32px;line-height:36px;margin-bottom:6px;display:flex;align-items:baseline;gap:6px}.metric-number,.metric-unit{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--accent)}.metric-unit{font-size:18px;opacity:.8}.metric-label{font-family:Inter,sans-serif;font-size:13px;color:var(--muted);font-weight:500}.species-section{margin-top:20px}.species-header{font-size:14px;font-weight:600;color:var(--white);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.species-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.species-item{background:var(--tile);border:1px solid var(--tile-border);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.species-name{font-weight:600;color:var(--white);font-size:14px}.species-scientific{font-style:italic;color:var(--muted);font-size:12px}.species-count{background:var(--panel-2);padding:4px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--accent)}@media (max-width:768px){.fishery-popup-header{grid-template-columns:1fr;min-height:auto}.fishery-popup-image-card{height:200px;min-height:200px}}