.logbook-page{min-height:70vh;animation:page-in .45s ease both}.logbook-hero{display:flex;justify-content:space-between;align-items:center;margin:12px 0 22px;padding:22px;border:1px solid #1d3c50;border-radius:16px;background:radial-gradient(circle at 15% 0,#174357 0,transparent 42%),linear-gradient(135deg,#0c2130aa,#08141f);box-shadow:0 18px 60px #0004}.logbook-hero h1{font:700 clamp(28px,4vw,46px) Space Mono;margin:5px 0;background:linear-gradient(90deg,#fff,#82e9de);background-clip:text;color:transparent}.logbook-hero p{margin:0;color:var(--muted)}
.logbook-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.logbook-stat{padding:16px;border-top:2px solid var(--cyan);background:linear-gradient(145deg,#0d1c29,#081520);border-radius:10px;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.logbook-stat.tone-1{border-top-color:var(--orange)}.logbook-stat.tone-2{border-top-color:var(--purple)}.logbook-stat.tone-3{border-top-color:var(--green)}.logbook-stat small{display:block;color:var(--muted)}.logbook-stat b{font:700 24px Space Mono;display:block;margin-top:6px}.logbook-stat i{font-size:10px;color:var(--muted)}.logbook-form{margin-bottom:10px}
.reserve-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;padding:13px 16px;border:1px solid var(--line);border-inline-start:5px solid var(--muted);border-radius:10px;background:#0b1824}.reserve-status strong{display:block;font-size:16px}.reserve-status small{color:var(--muted)}.reserve-status.valid{border-inline-start-color:var(--green);background:linear-gradient(90deg,#65df8d12,#0b1824)}.reserve-status.warning{border-inline-start-color:var(--orange);background:linear-gradient(90deg,#ffac4b15,#0b1824)}.reserve-status.expired{border-inline-start-color:var(--red);background:linear-gradient(90deg,#ff687417,#0b1824)}.reserve-status button{white-space:nowrap}
.reserve-status.reserve-import{border-color:var(--cyan);border-inline-start-width:5px;box-shadow:0 0 28px #4de1cf18}.reserve-actions{display:flex;gap:8px}.reserve-actions .primary{padding:9px 16px}
.entry-section{padding:16px;border-bottom:1px solid var(--line)}.entry-section>b{display:block;margin-bottom:8px}.type-picker-button{width:100%;min-height:82px;display:grid;grid-template-columns:92px 1fr auto;align-items:center;text-align:start;gap:14px;padding:10px 16px;background:linear-gradient(135deg,#102838,#0a1925);border-color:#2b495d}.type-picker-button:hover,.type-picker-button[aria-expanded="true"]{border-color:var(--cyan)}.type-picker-button>span:nth-child(2){display:flex;flex-direction:column}.type-picker-button small{color:var(--muted)}.type-picker-button strong{font-size:18px}.type-picker-button>i{font-size:24px;color:var(--cyan)}.type-placeholder{display:grid;place-items:center;width:70px;height:54px;border:1px dashed #4b687b;border-radius:9px;color:var(--cyan);font-size:25px}.type-picker-panel{margin-top:8px;padding:10px;background:#07131e;border:1px solid var(--line);border-radius:10px}.type-picker-toolbar{display:flex;gap:8px;margin-bottom:9px}.type-picker-toolbar input,.record-actions input{flex:1;background:#07131e;color:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 11px}.jump-type-grid{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:7px;max-height:385px;overflow:auto;padding:2px}.jump-type-card{position:relative;min-height:108px;padding:8px 5px;background:#0b1a26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a9bfd0;transition:transform .18s ease,border-color .18s,background .18s,box-shadow .18s}.jump-type-card:hover,.jump-type-card.selected{border-color:var(--cyan);background:#11303a;color:#fff;transform:translateY(-3px);box-shadow:0 8px 22px #0006}.jump-type-card.selected:after{content:"✓";position:absolute;top:6px;right:7px;color:var(--cyan)}.jump-type-card b{font-size:12px;line-height:1.15}.custom-badge{font:700 7px Space Mono;color:var(--orange);letter-spacing:.08em}
/* Original CSS-drawn jump illustrations */
.jump-art{width:78px;height:56px;display:block;position:relative;direction:ltr;color:#a7c5d8}.jump-art .sky-person{position:absolute;width:18px;height:35px;left:30px;top:8px;transform:translateX(var(--x,0)) rotate(var(--r,0deg));transform-origin:center}.sky-person:before{content:"";position:absolute;width:9px;height:9px;border:2px solid currentColor;border-radius:50%;left:3px;top:0;background:#0c1c29}.sky-person:after{content:"";position:absolute;width:6px;height:20px;border:2px solid currentColor;border-radius:6px;left:4px;top:12px;box-shadow:-8px 3px 0 -5px currentColor,8px 3px 0 -5px currentColor}.jump-art .p1{--x:0}.jump-art .p2{--x:-19px;--r:-22deg}.jump-art .p3{--x:19px;--r:22deg}.jump-art .p4{--x:0;top:19px;--r:90deg}
.jump-art.belly .sky-person{transform:translateX(var(--x,0)) rotate(90deg)}.jump-art.belly .p2{--r:90deg;top:1px}.jump-art.belly .p3{--r:90deg;top:15px}.jump-art.belly .p4{top:19px}.jump-art.stand .sky-person{color:var(--cyan)}.jump-art.sit .sky-person{top:5px;color:#80b8ff}.jump-art.sit .sky-person:after{height:14px;border-radius:5px 5px 8px 8px;box-shadow:7px 10px 0 -5px currentColor,-4px 9px 0 -5px currentColor;transform:rotate(-4deg)}.jump-art.head .sky-person{transform:translateX(var(--x,0)) rotate(180deg);color:var(--orange)}.jump-art.track .sky-person{transform:translateX(var(--x,0)) rotate(68deg);color:#72dfc4}.jump-art.wing .sky-person{transform:translateX(var(--x,0)) rotate(90deg)}.jump-art.wing .sky-person:after{width:29px;height:18px;left:-8px;background:linear-gradient(135deg,#4de1cf66,#4a9eff55);clip-path:polygon(50% 0,100% 88%,67% 72%,50% 100%,33% 72%,0 88%)}
.jump-art.canopy:before,.jump-art.swoop:before,.jump-art.water:before,.jump-art.target:before{content:"";position:absolute;width:61px;height:23px;left:8px;top:0;border-radius:55px 55px 7px 7px;background:linear-gradient(90deg,var(--purple),var(--cyan));clip-path:polygon(0 100%,8% 48%,24% 16%,50% 0,76% 16%,92% 48%,100% 100%)}.jump-art.canopy:after,.jump-art.swoop:after,.jump-art.water:after,.jump-art.target:after{content:"";position:absolute;width:31px;height:27px;left:23px;top:18px;border-left:1px solid #d9f8ff;border-right:1px solid #d9f8ff}.jump-art.canopy .sky-person,.jump-art.water .sky-person,.jump-art.target .sky-person{top:26px}.jump-art.swoop{transform:rotate(-12deg)}.jump-art.swoop .sky-person{top:25px;transform:rotate(65deg)}.jump-art.water{background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 7px,#4a9eff 8px 9px,transparent 10px 15px)}.jump-art.target{background:radial-gradient(circle at 50% 92%,var(--red) 0 3px,#fff 4px 6px,var(--red) 7px 9px,transparent 10px)}
.jump-art.tandem .p2{--x:7px;--r:0deg;top:12px;color:var(--orange)}.jump-art.camera .lens{position:absolute;width:17px;height:12px;border:2px solid var(--orange);border-radius:3px;right:3px;top:7px}.jump-art.camera .lens:before{content:"";position:absolute;width:5px;height:5px;border:1px solid var(--orange);border-radius:50%;left:4px;top:2px}.jump-art.flag:after{content:"";position:absolute;right:5px;top:7px;width:22px;height:17px;background:linear-gradient(var(--cyan) 0 33%,#fff 33% 66%,var(--blue) 66%);clip-path:polygon(0 0,100% 12%,82% 100%,0 85%)}.jump-art.night:after{content:"☾";position:absolute;right:5px;top:-4px;color:#ffd86b;font-size:28px}.jump-art.oxygen:after{content:"O₂";position:absolute;right:0;top:2px;color:var(--cyan);font:bold 13px Space Mono}.jump-art.refresh:after{content:"↻";position:absolute;right:3px;top:2px;color:var(--green);font-size:23px}.jump-art.fun:after{content:"★";position:absolute;right:3px;top:1px;color:#ffd86b;font-size:18px}.jump-art.other:before{content:"?";position:absolute;inset:6px 17px;border:2px dashed #7895a8;border-radius:10px;display:grid;place-items:center;font:bold 22px Space Mono;color:var(--cyan)}
.jump-art.balloon:before{content:"";position:absolute;left:20px;top:0;width:38px;height:38px;border-radius:50% 50% 45% 45%;background:repeating-linear-gradient(90deg,var(--purple) 0 8px,#ffcf66 8px 15px,var(--cyan) 15px 23px);clip-path:polygon(8% 0,92% 0,76% 80%,58% 100%,42% 100%,24% 80%)}.jump-art.balloon:after{content:"";position:absolute;left:32px;top:40px;width:14px;height:9px;border:2px solid #c79b62;border-top:0}.jump-art.helicopter:before{content:"";position:absolute;left:14px;top:20px;width:43px;height:20px;border-radius:20px 25px 10px 12px;background:linear-gradient(135deg,var(--cyan),#287ca5);box-shadow:29px 3px 0 -7px var(--cyan)}.jump-art.helicopter:after{content:"";position:absolute;left:5px;top:13px;width:64px;height:3px;background:#bde8f6;box-shadow:31px 4px 0 -1px #bde8f6,18px 29px 0 -1px #bde8f6;transform:rotate(-2deg)}
.jump-art .more{position:absolute;right:0;bottom:0;background:var(--purple);color:#fff;border-radius:10px;padding:1px 5px;font:700 9px Space Mono}
.entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:17px}.entry-grid label,.signature-fields label,.settings-grid label,.notes-field{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.entry-grid input,.entry-grid select,.signature-fields input,.settings-grid input,.settings-grid select,.settings-grid textarea,.notes-field textarea{width:100%;background:#07131e;color:#fff;border:1px solid var(--line);border-radius:7px;padding:9px}.entry-grid input:focus,.entry-grid select:focus,.signature-fields input:focus,.notes-field textarea:focus{outline:none;border-color:var(--cyan)}.field-pair{display:flex;align-items:center;gap:5px}.field-pair select{width:72px}.field-pair i{font:11px Space Mono;color:var(--muted)}.notes-field{margin:0 17px 17px}.notes-field textarea{resize:vertical;min-height:105px}.signature-area{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;padding:17px;border-top:1px solid var(--line)}.signature-fields{display:grid;gap:9px}.signature-fields h3{margin:0}.signature-pad>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.signature-pad canvas{width:100%;height:145px;background:#eef7fb;border-radius:8px;display:block;touch-action:none;cursor:crosshair}.signature-pad small{color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 17px;border-top:1px solid var(--line)}
.logbook-records{margin-top:10px}.record-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.record-actions select{background:#102231;color:#fff;border:1px solid var(--line);padding:8px;border-radius:7px}.record-actions label input{display:none}.logbook-empty{padding:55px;text-align:center;color:var(--muted)}.logbook-list{padding:12px;display:grid;gap:8px}.log-entry{display:grid;grid-template-columns:82px minmax(150px,1.2fr) repeat(5,minmax(95px,.7fr)) auto;gap:10px;align-items:center;background:#07131e;border:1px solid var(--line);border-radius:9px;padding:10px}.log-entry:hover{border-color:#35556a}.log-entry-icon{background:#102331;border-radius:8px;display:grid;place-items:center;min-height:70px}.log-entry-main b{display:block;font-size:16px}.log-entry-main strong{font:700 12px Space Mono;color:var(--cyan)}.log-entry small{color:var(--muted);display:block}.log-entry .value{font-weight:600;margin-top:2px}.entry-buttons{display:flex;gap:5px}.entry-buttons button{padding:6px 8px}.entry-signature{height:35px;max-width:105px;object-fit:contain;background:#eef7fb;border-radius:4px}
.settings-note{margin:14px 17px 0;color:var(--muted)}.settings-grid{padding:17px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-grid .wide{grid-column:span 2}.custom-type-builder{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #29475c;border-radius:10px;background:#091722}.custom-type-builder>span{font-weight:700;color:#dcecf4}.custom-type-builder>div:first-of-type{display:grid;grid-template-columns:1fr 160px auto;gap:7px}.custom-type-builder input,.custom-type-builder select{background:#07131e;color:#fff;border:1px solid var(--line);border-radius:7px;padding:9px}.custom-type-list{display:flex!important;flex-wrap:wrap;gap:7px}.custom-type-list>button{display:flex;align-items:center;gap:3px;padding:5px 8px}.custom-type-list .jump-art{transform:scale(.55);margin:-12px}.custom-type-list i{color:var(--red)}dialog#logbookSettings{width:min(760px,94vw);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#0b1824;color:#fff;padding:0}dialog::backdrop{background:#02070bdc;backdrop-filter:blur(7px)}
.account-button{display:flex;align-items:center;gap:5px}.account-dialog{width:min(480px,94vw);border:1px solid #31536a;border-radius:18px;background:linear-gradient(145deg,#102737,#07131e);color:#fff;padding:0;box-shadow:0 30px 100px #000b}.account-hero{display:flex;align-items:center;gap:16px;padding:24px 24px 15px}.account-hero h2{margin:3px 0;font-size:24px}.account-hero p{margin:0;color:var(--muted)}.account-orbit{display:grid;place-items:center;min-width:64px;height:64px;border:1px solid var(--cyan);border-radius:50%;font:bold 17px Space Mono;color:var(--cyan);box-shadow:0 0 0 8px #4de1cf0c,0 0 35px #4de1cf22}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 24px;border-bottom:1px solid var(--line)}.auth-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted)}.auth-tabs button.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}#authForm,.profile-form{padding:18px 24px 24px;display:grid;gap:12px}#authForm label,.profile-form label{display:grid;gap:5px;color:var(--muted);font-size:12px}#authForm input,.profile-form input{width:100%;padding:11px;background:#06111a;border:1px solid var(--line);border-radius:8px;color:#fff}#authForm input:focus,.profile-form input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #4de1cf15}#registerFields{display:grid;gap:12px}.auth-message{min-height:18px;margin:0;color:var(--red);font-size:12px}.local-account-note{display:block;margin:-9px 24px 22px;color:#6f899a;text-align:center}.profile-avatar{margin:auto;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(145deg,var(--cyan),var(--blue));color:#041820;font:bold 30px Space Mono;box-shadow:0 10px 28px #0007}.danger-button{color:#ff9aa4;border-color:#6b3440;background:#2a1520}.primary,.type-picker-button,.log-entry,.logbook-stat{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #4de1cf36}.logbook-stat:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0005}.log-entry:hover{transform:translateX(-2px);box-shadow:0 8px 24px #0005}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.jump-type-grid{grid-template-columns:repeat(5,1fr)}.entry-grid{grid-template-columns:repeat(3,1fr)}.log-entry{grid-template-columns:76px 1fr repeat(2,minmax(100px,.7fr)) auto}.log-entry .hide-tablet{display:none}}
@media(max-width:760px){.logbook-hero{align-items:flex-start;gap:14px}.logbook-stats{grid-template-columns:1fr 1fr}.jump-type-grid{grid-template-columns:repeat(3,1fr)}.entry-grid{grid-template-columns:1fr 1fr}.signature-area{grid-template-columns:1fr}.panel-head{gap:8px}.logbook-records .panel-head{align-items:flex-start;flex-direction:column}.log-entry{grid-template-columns:72px 1fr auto}.log-entry .log-cell{display:none}.type-picker-button{grid-template-columns:82px 1fr auto}}
@media(max-width:480px){.logbook-hero{flex-direction:column;padding:16px}.logbook-stats{gap:6px}.logbook-stat b{font-size:19px}.jump-type-grid{grid-template-columns:repeat(2,1fr)}.entry-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.custom-type-builder>div:first-of-type{grid-template-columns:1fr}.account-button span{display:none}}
@media(max-width:480px){.reserve-status{align-items:flex-start;flex-direction:column}.reserve-status button{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.logbook-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.account-dialog{width:min(620px,94vw)}.certifications{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#07131e}.certifications>b{color:var(--cyan)}.certifications label{display:grid!important;grid-template-columns:auto 1fr 150px;align-items:center;gap:8px}.certifications input[type=checkbox]{width:18px!important;height:18px}.certifications input[type=date]{padding:7px!important}.entry-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.entry-tag{padding:2px 7px;border-radius:12px;background:#4a9eff22;color:#86bcff;font-size:10px}.entry-tag.incident{background:#ff687422;color:#ff8f98;font-weight:700}.jump-art{filter:drop-shadow(0 5px 7px #0007)}.jump-art .sky-person:before{box-shadow:0 0 0 2px #ffffff0c}.jump-art.canopy:before,.jump-art.swoop:before{box-shadow:inset 0 4px 9px #fff4,0 3px 8px #0006}
@media(max-width:520px){.certifications label{grid-template-columns:auto 1fr}.certifications input[type=date]{grid-column:1/-1}}
.credentials-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:11px 15px;border:1px solid var(--line);border-radius:10px;background:#091722}.credentials-status>strong{margin-inline-end:auto}.credential-chip{padding:5px 9px;border-radius:15px;background:#4a9eff18;color:#a7d0ff;border:1px solid #4a9eff33;font-size:11px}.credential-chip.warning{background:#ffac4b18;color:var(--orange);border-color:#ffac4b55}.credential-chip.expired{background:#ff687418;color:var(--red);border-color:#ff687455}
.forgot-button{width:100%;background:transparent;border:0;color:var(--cyan);padding:2px}.admin-button{border:1px solid var(--orange);color:var(--orange);text-decoration:none;padding:8px 11px;border-radius:8px;font-weight:700}#passwordDialog p{margin:0;color:var(--muted)}