@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
.location-select{flex:1;min-width:0;background:none;border:0;padding:0;text-align:left;color:var(--ink);cursor:pointer;font:inherit}.location-select small{display:block;margin-top:3px}.location-row-actions{display:flex;flex-direction:column;align-items:end;justify-content:space-between;margin-left:8px;gap:5px}.edit-location-btn{border:1px solid var(--line);background:var(--ice);border-radius:6px;padding:4px 9px;color:var(--teal);cursor:pointer}.location-select .coordinate-status{color:var(--teal);font-size:9px}.location-map-label{font:10px Arial,sans-serif;color:#08333c;border:1px solid #9bbdb9;padding:3px 5px}
.media-frame{position:relative;overflow:hidden}.media-image{width:100%;height:100%;display:block;object-fit:cover}.media-image[hidden]{display:none}.media-fallback{display:grid;place-items:center;align-content:center;height:100%;width:100%;gap:8px}.media-fallback small{font:12px Arial,sans-serif}.media-image:not([hidden])+.media-fallback{display:none}.operator-logo .media-fallback{font-size:27px}.operator-logo .media-fallback small{display:none}.cert-photo{height:190px;margin-top:15px;border-radius:8px;background:#e8f3f2}.cert-photo .media-image{object-fit:contain}.cert-photo .media-fallback{font-size:36px;color:var(--teal)}
:root{--navy:#07343d;--deep:#062a32;--teal:#0c6a70;--aqua:#27a7a0;--mint:#dcefee;--ice:#f1f7f6;--ink:#15383d;--muted:#70868a;--line:#d8e4e3;--paper:#fff;--amber:#f0b465;--shadow:0 18px 55px rgba(12,52,60,.12);font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:#edf4f3}
*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:linear-gradient(180deg,#082f38,#06272f);color:#fff;padding:32px 20px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;margin:0 10px 42px}.brand-mark,.mini-logo{width:35px;height:35px;border:2px solid #7bd2cc;border-radius:50%;display:grid;place-items:center;color:#7bd2cc;font-size:23px}.brand b{font:800 18px/1 Manrope;letter-spacing:.14em}.brand small{display:block;font-size:8px;letter-spacing:.35em;color:#92b7b8;margin-top:5px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9ab6b8;padding:12px 13px;border-radius:10px;text-align:left;font:500 13px DM Sans;display:flex;align-items:center;gap:12px;cursor:pointer}.nav-item span{font-size:20px;width:20px}.nav-item em{font-style:normal;margin-left:auto;background:#164852;border-radius:20px;padding:2px 7px;font-size:10px}.nav-item:hover,.nav-item.active{background:#16434b;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #55c6bd}.sidebar-note{margin-top:auto;padding:15px;border:1px solid #24515a;border-radius:12px;color:#c7dcdd}.sidebar-note span{font-size:11px;font-weight:700}.sidebar-note small{display:block;color:#76999d;margin-top:5px}.profile-card{margin-top:12px;background:transparent;border:0;color:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;cursor:pointer}.profile-card>span:last-child{margin-left:auto}.profile-card b{font-size:12px;display:block}.profile-card small{color:#809fa2}.avatar{width:34px;height:34px;border-radius:50%;background:#c8e8e5;color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:11px}
main{grid-column:2;padding:35px 46px 60px;max-width:1560px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{margin:0 0 7px;font-size:9px;font-weight:800;letter-spacing:.18em;color:#6f9799}.topbar h1,.split-head h2,.section-heading h2{font:700 25px/1.2 Manrope;margin:0;color:var(--deep)}.top-actions,.toolbar-actions{display:flex;align-items:center;gap:10px}.primary-btn,.secondary-btn,.ghost-light,.icon-btn,.text-btn,.round-btn{border:0;border-radius:9px;font:700 12px DM Sans;cursor:pointer}.primary-btn{background:var(--teal);color:#fff;padding:12px 17px;box-shadow:0 8px 20px rgba(12,106,112,.18)}.primary-btn:hover{background:#085a61}.primary-btn span{font-size:16px}.secondary-btn{background:#fff;color:var(--teal);padding:11px 15px;border:1px solid #bcd2d1}.icon-btn{background:#fff;width:42px;height:42px;font-size:20px;color:var(--teal);border:1px solid var(--line)}.view{display:none}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:19px}.ocean-card{min-height:288px;border-radius:18px;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 25%,#21868b 0,transparent 34%),linear-gradient(145deg,#0b5962,#062f38 75%);color:#fff;box-shadow:var(--shadow)}.ocean-card:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 45%,rgba(148,227,219,.12));clip-path:polygon(62% 0,100% 0,100% 100%,24% 100%)}.hero-copy{position:relative;z-index:2;padding:34px 38px}.pill{font-size:8px;letter-spacing:.18em;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:7px 10px}.hero-copy h2{font:700 31px/1.13 Manrope;margin:19px 0 11px}.hero-copy p{font-size:12px;color:#b7d3d4;max-width:310px}.ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);padding:10px 14px;margin-top:15px}.ghost-light span{margin-left:20px}.depth-art{position:absolute;right:25px;bottom:24px;width:205px;height:205px;border:1px solid rgba(142,219,213,.16);border-radius:50%;z-index:1}.depth-art i{position:absolute;border:1px solid rgba(142,219,213,.13);border-radius:50%;inset:24px}.depth-art i:nth-child(2){inset:49px}.depth-art i:nth-child(3){inset:75px}.depth-art b{position:absolute;right:28px;top:86px;font:700 25px Manrope;color:#9ddbd7}.depth-art small{font-size:10px;margin-left:2px}.stats-card,.panel{background:#fff;border-radius:18px;border:1px solid #dce7e6;box-shadow:0 12px 35px rgba(22,69,74,.07)}.stats-card{padding:28px 30px}.big-stat{display:flex;gap:15px;align-items:end;padding:11px 0 19px;border-bottom:1px solid var(--line)}.big-stat strong{font:700 54px/.9 Manrope;color:var(--teal)}.big-stat span{font-size:11px;color:var(--muted);line-height:1.35}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:17px}.stat-row small{display:block;color:var(--muted);font-size:9px}.stat-row b{font:700 14px Manrope;display:block;margin-top:5px}.section-heading,.split-head,.panel-head{display:flex;align-items:end;justify-content:space-between}.section-heading{margin:34px 0 16px}.text-btn{background:transparent;color:var(--teal);padding:8px}.dive-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dive-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;cursor:pointer;transition:.2s}.dive-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.dive-card-top{display:flex;justify-content:space-between;align-items:flex-start}.dive-card .date-badge{background:var(--ice);border-radius:9px;padding:8px;text-align:center;min-width:47px}.date-badge b{font:800 19px Manrope;display:block}.date-badge small{font-size:8px;letter-spacing:.1em}.dive-card .pin{color:var(--aqua);font-size:22px}.dive-card h3{font:700 15px Manrope;margin:14px 0 4px}.dive-card>small{color:var(--muted)}.metrics{display:flex;gap:8px;margin-top:15px}.metric{background:var(--ice);border-radius:7px;padding:8px 10px;flex:1}.metric small{display:block;color:var(--muted);font-size:8px}.metric b{font-size:12px}.dashboard-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.panel{padding:22px}.panel-head{align-items:center;margin-bottom:16px}.panel h3{font:700 16px Manrope;margin:0}.round-btn{width:34px;height:34px;background:var(--ice);color:var(--teal)}.map{height:245px;border-radius:11px;overflow:hidden;background:#dce9e7}.map-preview-panel{min-width:0}.calendar-icon{width:34px;height:34px;border-radius:10px;background:#e7f3f2;display:grid;place-items:center;color:var(--teal)}.event-highlight{background:var(--ice);border-radius:12px;padding:16px;margin:21px 0}.event-date{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.14em}.event-highlight h4{font:700 15px Manrope;margin:8px 0}.event-highlight p{font-size:11px;color:var(--muted);margin:3px 0}.full{width:100%}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.search{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px;min-width:310px}.search input{border:0;outline:0;padding:11px 0;width:100%;font:12px DM Sans}.toolbar-actions>span{font-size:11px;color:var(--muted)}.records-list{display:grid;gap:10px}.record{display:grid;grid-template-columns:auto 65px 1fr auto auto;align-items:center;gap:17px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 18px}.record input[type=checkbox]{accent-color:var(--teal)}.record-date{text-align:center;border-right:1px solid var(--line)}.record-date b{font:800 22px Manrope;display:block}.record-date small{color:var(--muted);font-size:9px}.record h3{font:700 14px Manrope;margin:0 0 4px}.record p{font-size:10px;color:var(--muted);margin:0}.record-metrics{display:flex;gap:17px}.record-metrics small{display:block;color:var(--muted);font-size:8px}.record-metrics b{font-size:12px}.record-actions button{border:0;background:transparent;color:var(--teal);font-size:18px;cursor:pointer}.empty-state{text-align:center;background:#fff;border:1px dashed #b8cfcd;border-radius:15px;padding:60px}.empty-state span{font-size:40px;color:var(--aqua)}.empty-state h3{font:700 18px Manrope}.empty-state p{color:var(--muted);font-size:12px}.locations-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.split-head{margin-bottom:20px}.split-head>div>p:last-child{color:var(--muted);font-size:12px;margin-bottom:0}.map-large{padding:10px}.map-large .map{height:570px}.location-side{padding:15px}.location-side .search{min-width:0;margin-bottom:12px}.location-list{display:grid;gap:7px;max-height:506px;overflow:auto}.location-row{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;cursor:pointer;display:flex;justify-content:space-between}.location-row:hover{background:var(--ice)}.location-row b{font-size:12px;display:block}.location-row small{font-size:9px;color:var(--muted)}.type-tag{font-size:8px!important;color:var(--teal)!important;background:#e4f2f1;height:max-content;padding:4px 7px;border-radius:10px}.fauna-grid,.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fauna-card,.cert-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.fauna-photo{height:155px;background:linear-gradient(145deg,#bce2de,#6ca9aa);display:grid;place-items:center;font-size:50px;color:#fff;background-size:cover;background-position:center}.fauna-card>div:last-child,.cert-card{padding:17px}.fauna-card h3,.cert-card h3{font:700 15px Manrope;margin:0 0 6px}.fauna-card p,.cert-card p{font-size:10px;color:var(--muted);margin:3px 0}.agency-strip{display:flex;gap:10px;margin-bottom:18px}.agency-strip span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 15px;font:700 10px Manrope;color:#59777a}.cert-card{min-height:155px;position:relative;border-top:4px solid var(--teal)}.cert-card .agency{font:800 20px Manrope;color:var(--teal);position:absolute;right:16px;top:15px;opacity:.35}.events-list{display:grid;gap:12px}.event-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;grid-template-columns:75px 1fr auto;gap:18px;align-items:center}.event-row .event-calendar{text-align:center;border-right:1px solid var(--line)}.event-calendar b{display:block;font:800 25px Manrope;color:var(--teal)}.event-calendar small{font-size:9px}.event-row h3{font:700 15px Manrope;margin:0 0 5px}.event-row p{font-size:10px;color:var(--muted);margin:0}.event-row .price{font:700 14px Manrope}
dialog{border:0;padding:0;border-radius:16px;box-shadow:0 30px 100px rgba(3,32,38,.35);color:var(--ink)}dialog::backdrop{background:rgba(3,31,36,.72);backdrop-filter:blur(4px)}.sheet-dialog{width:min(950px,94vw);max-height:94vh}.standard-dialog{width:min(690px,94vw);max-height:92vh}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}.dialog-head h2{font:700 20px Manrope;margin:0}.close-btn{border:0;background:#eef5f4;border-radius:50%;width:34px;height:34px;font-size:21px;color:var(--muted);cursor:pointer}.dialog-body{padding:22px;max-height:70vh;overflow:auto}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 25px;border-top:1px solid var(--line)}.dialog-actions>span{margin-right:auto;color:var(--muted);font-size:10px}.a5-sheet{background:#fff;margin:20px auto;padding:22px;width:min(740px,calc(100% - 30px));min-height:900px;border:1px solid #aec7c6;box-shadow:0 8px 24px rgba(10,60,66,.08);background-image:linear-gradient(rgba(232,243,242,.4) 1px,transparent 1px);background-size:100% 28px}.sheet-brand{display:flex;align-items:center;gap:10px;border-bottom:3px solid var(--navy);padding-bottom:11px}.sheet-brand b{display:block;font:800 18px Manrope;letter-spacing:.08em}.sheet-brand small{font-size:7px;letter-spacing:.2em}.dive-number{margin-left:auto;font-size:10px;font-weight:700}.dive-number input{width:52px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .span-2{grid-column:span 2}.top-fields{margin:17px 0}.a5-sheet label,.dialog-body label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#547276}.a5-sheet input,.a5-sheet select,.a5-sheet textarea,.dialog-body input,.dialog-body select{font:500 12px DM Sans;color:var(--ink);border:0;border-bottom:1px solid #9bb6b5;background:transparent;padding:7px 4px;outline:none;width:100%;text-transform:none;letter-spacing:0}.a5-sheet input:focus,.a5-sheet textarea:focus{border-color:var(--teal);background:#f1f8f7}.profile-and-data{display:grid;grid-template-columns:1.7fr 1fr;gap:15px}.dive-profile-box,.conditions-box{border:1px solid #9bb8b7;padding:11px;position:relative;min-height:178px}.dive-profile-box svg{width:100%;height:96px}.dive-profile-box svg path{fill:none;stroke:var(--navy);stroke-width:4}.dive-profile-box svg line{stroke:#86a6a6;stroke-dasharray:4}.axis{display:flex;justify-content:space-between;font-size:7px;color:var(--muted)}.profile-depth,.profile-time{position:absolute;bottom:8px;display:flex;align-items:center;gap:5px}.profile-depth{left:10px}.profile-time{right:10px}.profile-depth span,.profile-time span{display:flex;align-items:center}.profile-depth input,.profile-time input{width:42px;text-align:center}.profile-stop{position:absolute;right:14px;top:27px}.profile-stop input{width:auto}.conditions-box{display:grid;grid-template-columns:1fr 1fr;gap:9px}.conditions-box label{display:flex;align-items:center;gap:4px}.choice-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:12px;margin:14px 0}.choice-grid fieldset{border:1px solid #9bb8b7;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.choice-grid legend{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--teal)}.choice-grid fieldset label{display:flex;align-items:center;gap:4px}.choice-grid input[type=checkbox],.choice-grid input[type=radio]{width:auto}.choice-grid select,.choice-grid input[type=number]{padding:3px}.comments-label{display:block}.comments-label textarea{resize:vertical;line-height:25px;background-image:linear-gradient(transparent 24px,#b7cbca 25px);background-size:100% 25px;border:0}.sheet-footer-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.picker-map{height:280px;margin-top:14px}.hint{font-size:10px;color:var(--muted)}#toast{position:fixed;right:25px;bottom:25px;background:#092f37;color:#fff;border-radius:10px;padding:13px 18px;font-size:11px;transform:translateY(120px);transition:.25s;z-index:100}#toast.show{transform:translateY(0)}#printArea{display:none}
@media(max-width:980px){.app-shell{grid-template-columns:72px 1fr}.sidebar{width:72px;padding:25px 11px}.brand{margin:0 7px 38px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding:12px}.nav-item span{font-size:20px}.nav-item em,.sidebar-note,.profile-card span:not(.avatar){display:none}.profile-card{justify-content:center}.sidebar .brand-mark{min-width:35px}.sidebar .brand>span:last-child{display:none}main{grid-column:2;padding:28px 24px}.hero-grid,.dashboard-bottom,.locations-grid{grid-template-columns:1fr}.fauna-grid,.cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:64px;padding:7px 10px;z-index:50}.sidebar .brand,.sidebar-note,.profile-card{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav-item{padding:9px}.nav-item.active{box-shadow:none;background:#16434b}.nav-item:nth-child(n+6){display:none}main{padding:24px 15px 85px}.topbar{align-items:flex-start}.topbar h1{font-size:20px}.icon-btn{display:none}.primary-btn{padding:11px}.hero-grid,.dive-cards,.dashboard-bottom,.fauna-grid,.cert-grid{grid-template-columns:1fr}.ocean-card{min-height:320px}.stats-card{display:none}.toolbar{align-items:stretch;gap:10px;flex-direction:column}.search{min-width:0}.record{grid-template-columns:auto 50px 1fr auto}.record-metrics{display:none}.locations-grid{grid-template-columns:1fr}.map-large .map{height:390px}.choice-grid,.profile-and-data{grid-template-columns:1fr}.a5-sheet{padding:13px}.sheet-dialog{width:98vw}.sheet-footer-fields{grid-template-columns:1fr}.event-row{grid-template-columns:60px 1fr}.event-row .price{display:none}}
@media print{body{background:#fff}.app-shell,dialog,#toast{display:none!important}#printArea{display:block!important}.print-page{width:210mm;height:297mm;padding:0;page-break-after:always;display:flex;flex-direction:column}.print-a5{width:148mm;height:210mm;transform-origin:top left;transform:scale(.704);margin:0 0 -62mm 0;border:1px solid #aaa;padding:9mm;background:#fff;overflow:hidden}.print-a5:nth-child(2){border-top:2px dashed #777}.print-head{display:flex;justify-content:space-between;border-bottom:2px solid #08333c;padding-bottom:3mm}.print-head b{font:800 16pt Manrope}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:5mm}.print-field{border-bottom:1px solid #789;padding:2mm}.print-field small{font-size:7pt;text-transform:uppercase;color:#577}.print-field strong{display:block;font-size:10pt;margin-top:1mm}.print-profile{margin:5mm 0;border:1px solid #789;padding:4mm}.print-profile svg{width:100%;height:28mm}.print-profile path{fill:none;stroke:#07343d;stroke-width:4}.print-comments{height:48mm;border:1px solid #789;padding:4mm}.print-comments small{font-size:7pt;text-transform:uppercase}.print-comments p{font-size:10pt;white-space:pre-wrap}.print-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-top:4mm}}
.operators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.operator-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;gap:13px;align-items:center}.operator-logo{width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:linear-gradient(145deg,var(--teal),var(--deep));display:grid;place-items:center;color:#fff;font:800 13px Manrope;background-size:cover;background-position:center}.operator-card h3{font:700 13px Manrope;margin:0 0 4px}.operator-card p{font-size:9px;color:var(--muted);margin:2px 0}.operator-card a{font-size:9px;color:var(--teal);text-decoration:none}@media(max-width:980px){.operators-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.operators-grid{grid-template-columns:1fr}}
.dialog-head-actions{display:flex;align-items:center;gap:10px}.original-reference{margin:18px auto 0;width:min(840px,calc(100% - 30px));background:#edf5f4;border:1px solid #b5cecc;border-radius:12px;padding:18px;display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center}.original-reference[hidden]{display:none}.original-reference h3{font:700 15px Manrope;margin:0 0 8px}.original-reference p:last-child{font-size:10px;line-height:1.5;color:var(--muted)}.reference-frame{height:430px;position:relative;overflow:hidden;background:#dbe7e5;border-radius:8px}.reference-frame img{position:absolute;width:430px;height:auto;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);box-shadow:0 10px 30px rgba(4,39,45,.2)}.technical-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;margin:14px 0}.technical-grid fieldset{border:1px solid #9bb8b7;padding:10px}.technical-grid legend{font-size:8px;font-weight:800;text-transform:uppercase;color:var(--teal)}.technical-grid label{display:flex;align-items:center;gap:5px;margin:5px 0}.technical-grid input[type=checkbox]{width:auto}.validation-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin-top:18px;align-items:end}.stamp-box span{display:block;height:58px;border:1px dashed #9bb8b7;margin-top:6px}@media(max-width:680px){.dialog-head-actions .secondary-btn{display:none}.original-reference{grid-template-columns:1fr}.reference-frame{height:350px}.reference-frame img{width:350px}.technical-grid,.validation-grid{grid-template-columns:1fr}}