*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#060e1f;--navy-2:#0d1e3a;--navy-3:#122448;--navy-4:#1a3060;--teal:#00c9b1;--teal-dim:#00987f;--amber:#f4a261;--red:#ff6b6b;--red-bg:rgba(255,107,107,.1);--red-border:rgba(255,107,107,.3);--green:#4ade80;--green-bg:rgba(74,222,128,.08);--green-border:rgba(74,222,128,.25);--text:#d0dde8;--text-dim:#7a95b0;--text-muted:#3e5570;--border:rgba(0,201,177,.15);--border-bright:rgba(0,201,177,.4);--card:rgba(13,30,58,.85);--card-hover:rgba(18,36,72,.95)}body{background:var(--navy);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(0,201,177,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(244,162,97,.03) 0%,transparent 50%),repeating-linear-gradient(-45deg,transparent,transparent 80px,rgba(0,201,177,.012) 80px,rgba(0,201,177,.012) 81px)}.app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#060e1ff7;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:900;color:var(--teal);letter-spacing:-.5px;cursor:pointer}.nav-logo span{color:var(--amber)}.nav-links{display:flex;gap:.25rem}.nav-link{padding:.4rem .9rem;border-radius:6px;font-size:.78rem;font-weight:500;color:var(--text-dim);cursor:pointer;border:none;background:none;transition:all .15s;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.nav-link:hover{color:var(--text);background:#00c9b114}.nav-link.active{color:var(--teal);background:#00c9b11f}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-btn{padding:.45rem 1.1rem;border-radius:6px;background:var(--teal);color:var(--navy);font-size:.78rem;font-weight:700;cursor:pointer;border:none;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em;transition:background .15s}.nav-btn:hover{background:#00e0c5}.nav-user{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.35rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--card);transition:border-color .15s}.nav-user:hover{border-color:var(--border-bright)}.nav-avatar{width:28px;height:28px;border-radius:50%;background:var(--navy-3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--teal);font-family:Space Mono,monospace}.nav-username{font-size:.78rem;color:var(--text-dim);font-family:Space Mono,monospace}main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.page-title{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.page-subtitle{font-size:.9rem;color:var(--text-dim);margin-bottom:2rem}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2.5rem;width:100%;max-width:420px}.auth-logo{font-family:Playfair Display,serif;font-size:2rem;font-weight:900;color:var(--teal);text-align:center;margin-bottom:.25rem}.auth-logo span{color:var(--amber)}.auth-sub{font-size:.85rem;color:var(--text-dim);text-align:center;margin-bottom:2rem}.auth-switch{font-size:.82rem;color:var(--text-dim);text-align:center;margin-top:1.5rem}.auth-switch a{color:var(--teal);cursor:pointer}.auth-switch a:hover{text-decoration:underline}.auth-err{background:var(--red-bg);border:1px solid var(--red-border);border-radius:8px;padding:.65rem .85rem;font-size:.78rem;color:var(--red);margin-bottom:1rem;font-family:Space Mono,monospace;line-height:1.5}.auth-ok{background:var(--green-bg);border:1px solid var(--green-border);border-radius:8px;padding:.65rem .85rem;font-size:.78rem;color:var(--green);margin-bottom:1rem;font-family:Space Mono,monospace;line-height:1.5}.email-checking{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-muted);font-family:Space Mono,monospace;margin-top:.3rem}.email-ok{font-size:.72rem;color:var(--green);font-family:Space Mono,monospace;margin-top:.3rem}.email-bad{font-size:.72rem;color:var(--red);font-family:Space Mono,monospace;margin-top:.3rem}.pw-strength{height:3px;border-radius:2px;margin-top:.4rem;transition:all .3s}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.stat-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--teal);font-family:Space Mono,monospace;line-height:1}.stat-sub{font-size:.75rem;color:var(--text-dim);margin-top:.3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-family:Space Mono,monospace}.section-action{font-size:.78rem;color:var(--teal);cursor:pointer;border:none;background:none;font-family:DM Sans,sans-serif}.trip-list{display:flex;flex-direction:column;gap:.75rem}.trip-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;transition:all .2s;display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:start}.trip-card.clickable{cursor:pointer}.trip-card.clickable:hover{border-color:var(--border-bright);background:var(--card-hover);transform:translate(3px)}.trip-date-col{text-align:center;min-width:52px}.trip-date-day{font-size:1.8rem;font-weight:700;color:var(--teal);font-family:Space Mono,monospace;line-height:1}.trip-date-month{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-family:Space Mono,monospace}.trip-date-year{font-size:.58rem;color:var(--text-muted);font-family:Space Mono,monospace;margin-top:.1rem}.trip-main h3{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.35rem}.trip-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.tag{padding:.12rem .5rem;border-radius:4px;font-size:.68rem;font-family:Space Mono,monospace;font-weight:700;background:#00c9b11a;color:var(--teal);border:1px solid rgba(0,201,177,.2)}.tag.amber{background:#f4a2611a;color:var(--amber);border-color:#f4a26133}.tag.gray{background:#7a95b01a;color:var(--text-dim);border-color:transparent}.trip-conditions{display:flex;gap:.85rem;font-size:.76rem;color:var(--text-dim);flex-wrap:wrap}.cond-item{display:flex;align-items:center;gap:.25rem}.trip-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.rating-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:Space Mono,monospace;font-weight:700;font-size:.9rem}.rating-high{background:#00c9b126;color:var(--teal);border:2px solid var(--teal)}.rating-mid{background:#f4a26126;color:var(--amber);border:2px solid var(--amber)}.rating-low{background:#7a95b01a;color:var(--text-dim);border:2px solid var(--text-muted)}.catch-summary{font-size:.7rem;color:var(--text-dim);font-family:Space Mono,monospace}.card-actions{display:flex;gap:.4rem;margin-top:.2rem}.card-edit-btn{padding:.2rem .6rem;border-radius:5px;border:1px solid var(--border);background:#0d1e3a99;color:var(--text-dim);font-size:.66rem;cursor:pointer;font-family:Space Mono,monospace;transition:all .15s;text-transform:uppercase}.card-edit-btn:hover{border-color:var(--teal);color:var(--teal)}.card-del-btn{padding:.2rem .6rem;border-radius:5px;border:1px solid var(--red-border);background:var(--red-bg);color:var(--red);font-size:.66rem;cursor:pointer;font-family:Space Mono,monospace;transition:all .15s;text-transform:uppercase}.card-del-btn:hover{background:#ff6b6b33}.draft-pill{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:4px;background:#f4a2611a;color:var(--amber);border:1px solid rgba(244,162,97,.25);font-size:.63rem;font-family:Space Mono,monospace;font-weight:700;text-transform:uppercase}.activity-bar-wrap{width:100%}.activity-bar-track{height:4px;background:var(--navy-3);border-radius:2px;overflow:hidden}.activity-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--teal-dim),var(--teal))}.activity-score-label{font-size:.65rem;color:var(--text-muted);font-family:Space Mono,monospace;margin-top:.15rem}.form-container{max-width:780px}.form-steps{display:flex;margin-bottom:2.5rem}.form-step{flex:1;padding:.6rem;text-align:center;font-size:.68rem;font-weight:700;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--text-muted);color:var(--text-muted);transition:all .2s;cursor:pointer}.form-step.active{border-color:var(--teal);color:var(--teal)}.form-step.done{border-color:var(--teal-dim);color:var(--teal-dim)}.form-section{margin-bottom:2rem}.form-section-title{font-size:.68rem;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.15em;font-family:Space Mono,monospace;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group.full{grid-column:1/-1}label{font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;display:flex;align-items:center;gap:.3rem}.req-star{color:var(--red);font-size:.8rem}input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],select,textarea{background:#0d1e3acc;border:1px solid var(--border);border-radius:8px;padding:.65rem .85rem;color:var(--text);font-size:.88rem;font-family:DM Sans,sans-serif;outline:none;transition:border-color .15s;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--teal)}.field-err{border-color:var(--red)!important}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a95b0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.2rem}select option{background:var(--navy-2)}textarea{resize:vertical;min-height:80px}.err-msg{font-size:.68rem;color:var(--red);font-family:Space Mono,monospace;margin-top:.15rem}.field-hint{font-size:.68rem;color:var(--text-muted);font-family:Space Mono,monospace;margin-top:.15rem}.autofill-section{background:#00c9b10a;border:1px solid rgba(0,201,177,.15);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem}.autofill-title{font-size:.65rem;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.12em;font-family:Space Mono,monospace;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.autofill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.autofill-item{text-align:center}.autofill-val{font-size:1.05rem;font-weight:700;color:var(--teal);font-family:Space Mono,monospace}.autofill-lbl{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:Space Mono,monospace;margin-top:.2rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:13px;height:13px;border:2px solid var(--teal);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.toggle-row{display:flex;align-items:center;gap:.75rem}.toggle{width:44px;height:24px;border-radius:12px;background:var(--navy-3);border:1px solid var(--border);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--teal);border-color:var(--teal)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:9px;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle.on:after{transform:translate(20px)}.toggle-label{font-size:.85rem;color:var(--text)}.rating-row{display:flex;gap:.35rem;flex-wrap:wrap}.rating-btn{width:34px;height:34px;border-radius:7px;border:1px solid var(--border);background:none;color:var(--text-dim);font-family:Space Mono,monospace;font-size:.82rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.rating-btn:hover{border-color:var(--teal);color:var(--teal)}.rating-btn.selected{background:var(--teal);border-color:var(--teal);color:var(--navy)}.catch-builder{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.catch-row{background:#0d1e3a99;border:1px solid var(--border);border-radius:10px;padding:1rem}.catch-row-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr auto;gap:.75rem;align-items:end}.remove-btn{width:30px;height:30px;border-radius:6px;background:#ff50501a;border:1px solid rgba(255,80,80,.2);color:#ff6060;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:background .15s}.remove-btn:hover{background:#ff505033}.add-catch-btn{padding:.55rem 1rem;border-radius:8px;border:1px dashed var(--border-bright);background:transparent;color:var(--teal);font-size:.8rem;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s;display:flex;align-items:center;gap:.4rem}.add-catch-btn:hover{background:#00c9b10f;border-color:var(--teal)}.form-actions{display:flex;gap:.75rem;margin-top:2rem;flex-wrap:wrap;align-items:center}.btn-primary{padding:.65rem 1.6rem;border-radius:8px;background:var(--teal);color:var(--navy);font-size:.82rem;font-weight:700;cursor:pointer;border:none;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em;transition:background .15s}.btn-primary:hover{background:#00e0c5}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{padding:.65rem 1.6rem;border-radius:8px;background:transparent;color:var(--text-dim);font-size:.82rem;font-weight:500;cursor:pointer;border:1px solid var(--border);font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em;transition:all .15s}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.btn-draft{padding:.65rem 1.2rem;border-radius:8px;background:#f4a2611a;color:var(--amber);font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid rgba(244,162,97,.25);font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em;transition:all .15s;margin-left:auto}.btn-draft:hover{background:#f4a2612e}.btn-danger{padding:.65rem 1.2rem;border-radius:8px;background:var(--red-bg);color:var(--red);font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--red-border);font-family:Space Mono,monospace;text-transform:uppercase;transition:all .15s}.btn-danger:hover{background:#ff6b6b33}.val-banner{background:var(--red-bg);border:1px solid var(--red-border);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.5rem;font-size:.78rem;color:var(--red);font-family:Space Mono,monospace;line-height:1.6}.val-banner strong{display:block;margin-bottom:.35rem}.map-wrap{border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-top:.5rem}.map-hint{font-size:.68rem;color:var(--text-muted);font-family:Space Mono,monospace;margin-top:.4rem;display:flex;align-items:center;gap:.4rem}.map-pin-info{background:#00c9b114;border:1px solid var(--border);border-radius:8px;padding:.45rem .75rem;font-size:.72rem;color:var(--teal);font-family:Space Mono,monospace;margin-top:.4rem}.leaflet-popup-content-wrapper{background:var(--navy-2)!important;color:var(--text)!important;border:1px solid var(--border)!important}.leaflet-popup-tip{background:var(--navy-2)!important}.leaflet-container{background:#0d1e3a}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.analytics-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.analytics-card-title{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-family:Space Mono,monospace;margin-bottom:1.25rem}.bar-chart{display:flex;flex-direction:column;gap:.6rem}.bar-row{display:flex;align-items:center;gap:.75rem}.bar-label{font-size:.7rem;color:var(--text-dim);width:115px;text-align:right;flex-shrink:0;font-family:Space Mono,monospace}.bar-track{flex:1;height:20px;background:var(--navy-3);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--teal-dim),var(--teal));display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;min-width:26px}.bar-val{font-size:.63rem;color:var(--navy);font-family:Space Mono,monospace;font-weight:700}.account-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.75rem;max-width:540px;margin-bottom:1.25rem}.account-section-title{font-size:.7rem;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.15em;font-family:Space Mono,monospace;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.account-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(0,201,177,.07)}.account-row:last-child{border-bottom:none}.account-key{font-size:.72rem;color:var(--text-muted);font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.account-val{font-size:.88rem;color:var(--text)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:.75rem}.empty-title{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--text-dim);margin-bottom:.5rem}.empty-sub{font-size:.85rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;padding:.7rem 1.2rem;border-radius:8px;background:var(--teal);color:var(--navy);font-size:.82rem;font-weight:700;font-family:Space Mono,monospace;box-shadow:0 4px 20px #00c9b166;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060e1fd9;z-index:500;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-box{background:var(--navy-2);border:1px solid var(--border);border-radius:14px;padding:2rem;max-width:440px;width:100%}.modal-title{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--text);margin-bottom:.5rem}.modal-body{font-size:.88rem;color:var(--text-dim);margin-bottom:1.5rem;line-height:1.6}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.detail-modal{background:var(--navy-2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:780px;max-height:90vh;overflow-y:auto;padding:0}.detail-header{padding:1.75rem 2rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:sticky;top:0;background:var(--navy-2);z-index:10}.detail-title{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.detail-meta{font-size:.78rem;color:var(--text-muted);font-family:Space Mono,monospace}.detail-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#0d1e3a99;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all .15s}.detail-close:hover{border-color:var(--red-border);color:var(--red)}.detail-body{padding:1.5rem 2rem 2rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;margin-bottom:1.5rem}.detail-lbl{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;margin-bottom:.2rem}.detail-val{font-size:.9rem;color:var(--text)}.detail-val.highlight{color:var(--teal);font-family:Space Mono,monospace;font-weight:700}.detail-val.amber{color:var(--amber);font-family:Space Mono,monospace;font-weight:700}.detail-section-title{font-size:.68rem;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.15em;font-family:Space Mono,monospace;margin:1.5rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.catch-detail-row{background:#0d1e3a80;border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:.75rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.catch-detail-no-photo{width:80px;height:80px;border-radius:8px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#0d1e3a66;flex-shrink:0}.catch-detail-species{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.4rem}.catch-detail-stats{display:flex;flex-wrap:wrap;gap:.5rem}.catch-stat-pill{padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-family:Space Mono,monospace;background:#00c9b114;color:var(--teal);border:1px solid rgba(0,201,177,.15)}.obs-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.obs-badge{padding:.3rem .75rem;border-radius:20px;font-size:.72rem;font-family:Space Mono,monospace;font-weight:700;border:1px solid}.obs-on{background:#00c9b11a;color:var(--teal);border-color:#00c9b14d}.obs-off{background:#7a95b00f;color:var(--text-muted);border-color:transparent}.comments-box{background:#0d1e3a80;border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;font-size:.88rem;color:var(--text-dim);line-height:1.6;font-style:italic}.drafts-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.drafts-count{padding:.15rem .55rem;border-radius:12px;background:#f4a26126;color:var(--amber);font-size:.7rem;font-family:Space Mono,monospace;font-weight:700}@media (max-width:768px){nav{padding:0 1rem;height:56px}.nav-logo{font-size:1.2rem}.nav-links,.nav-username{display:none}.nav-btn{padding:.4rem .7rem;font-size:.68rem}main{padding:1rem 1rem 5rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.8rem;margin-bottom:1.25rem}.mobile-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:#060e1ff7;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;padding:.5rem 0 env(safe-area-inset-bottom,.5rem)}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .25rem;border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:.55rem;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em;transition:color .15s}.mobile-nav-btn.active{color:var(--teal)}.mobile-nav-btn svg,.mobile-nav-icon{font-size:1.1rem;line-height:1}.stat-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.25rem}.stat-card{padding:.85rem}.stat-value{font-size:1.6rem}.trip-card{grid-template-columns:auto 1fr;gap:.75rem;padding:1rem}.trip-right{display:none}.trip-date-day{font-size:1.4rem}.trip-conditions{flex-wrap:wrap;gap:.25rem}.form-container{max-width:100%}.form-grid{grid-template-columns:1fr}.form-steps{font-size:.6rem;gap:0}.form-step{padding:.4rem .25rem;font-size:.6rem;letter-spacing:.03em}.form-section{margin-bottom:1.25rem}.form-actions{flex-wrap:wrap;gap:.5rem}.form-actions button{flex:1;min-width:calc(50% - .25rem)}.catch-row-grid{grid-template-columns:1fr 1fr}.catch-row-grid .form-group:first-child{grid-column:1/-1}.autofill-grid{grid-template-columns:1fr 1fr}.autofill-section{padding:.85rem}.analytics-grid{grid-template-columns:1fr}.modal-overlay{align-items:flex-end}.detail-modal{max-height:92vh;border-radius:16px 16px 0 0;width:100%!important;max-width:100%!important}.detail-grid{grid-template-columns:1fr}.leaflet-container{height:220px!important}.account-card{padding:1.1rem}.auth-card{padding:1.5rem;border-radius:12px}.auth-wrap{padding:3rem 1rem 1rem;align-items:flex-start}}.mobile-nav{display:none}body.light{--navy:#f0f7ff;--navy-2:#e2eef8;--navy-3:#d0e4f4;--navy-4:#b8d4ec;--text:#0f2035;--text-dim:#3d5a72;--text-muted:#6a8ba4;--border:rgba(0,150,130,.18);--border-bright:rgba(0,150,130,.45);--card:rgba(255,255,255,.92);--card-hover:rgba(255,255,255,1);background:#e8f3fc}body.light:before{background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(0,201,177,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(244,162,97,.05) 0%,transparent 50%)}body.light nav{background:#e8f3fcf7}body.light .nav-link{color:var(--text-muted)}body.light .nav-link:hover{color:var(--text);background:#00c9b11a}body.light .nav-link.active{color:var(--teal);background:#00c9b124}body.light .mobile-nav{background:#e8f3fcf7}body.light .modal-overlay{background:#b4d2eb99}body.light .modal-box,body.light .detail-modal,body.light .detail-header{background:var(--navy-2)}body.light .auth-card{background:var(--card)}body.light .auth-wrap{background:var(--navy)}body.light .account-card,body.light .analytics-card,body.light .stat-card,body.light .trip-card{background:var(--card)}body.light .trip-card.clickable:hover{background:var(--card-hover)}body.light .bar-track{background:var(--navy-3)}body.light input,body.light select,body.light textarea{background:var(--navy-2);color:var(--text);border-color:var(--border)}body.light input:focus,body.light select:focus,body.light textarea:focus{border-color:var(--teal)}body.light .catch-row{background:var(--navy-3)}body.light .tag{background:#00c9b11f}body.light .tag.amber{background:#f4a2611f}body.light .tag.gray{background:#6a8ba41f}body.light .comments-box,body.light .catch-detail-row{background:var(--navy-3)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:1rem;transition:all .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--border-bright)}@media (max-width:768px){select,input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],textarea{font-size:16px!important;min-height:44px}button{min-height:44px}.nav-btn{min-height:36px}.rating-btn{min-height:40px;min-width:36px}.toggle{width:44px;height:26px}.toggle:after{width:20px;height:20px}.toggle.on:after{transform:translate(18px)}}.pp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a14e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:20px 14px;overflow-y:auto}.pp-modal{font-family:DM Sans,sans-serif;background:#0b1a22;border:1px solid #1e3a50;border-radius:16px;width:100%;max-width:740px;overflow:hidden;box-shadow:0 32px 80px #0009;animation:pp-in .3s cubic-bezier(.16,1,.3,1)}body.light .pp-modal{background:#f0f7ff;border-color:#00968233}body.light .pp-header{background:linear-gradient(135deg,#d0e8f8,#c4dff5)}body.light .pp-title,body.light .pp-st{color:#0f2035}body.light .pp-text{color:#2a4560}body.light .pp-section{border-bottom-color:#0096821f}body.light .pp-section--hl{background:#e8f8f2;border-left-color:#00c9b1}body.light .pp-subs{border-color:#00968233}body.light .pp-sub{background:#e2eef8;border-bottom-color:#00968226}body.light .pp-li{color:#2a4560}body.light .pp-footer-bar{background:#e2eef8;border-top-color:#00968226}body.light .pp-footer-bar p,.body.light .pp-text--dim{color:#6a8ba4}body.light .pp-contact-box{background:#e2eef8;border-color:#00968233}body.light .pp-close{background:#0000000f;border-color:#00968233;color:#6a8ba4}@keyframes pp-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}.pp-header{background:linear-gradient(135deg,#0d2035,#0b2a38);border-bottom:1px solid #1e3a50;padding:28px 32px 22px;position:relative;overflow:hidden}.pp-header:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(0,201,177,.1) 0%,transparent 70%);pointer-events:none}.pp-logo-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pp-logo-text{font-family:Space Mono,monospace;font-weight:700;font-size:12px;letter-spacing:.1em;color:#00c9b1;text-transform:uppercase}.pp-title{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(20px,4vw,28px);color:#e8f4f8;margin:0 0 5px;line-height:1.1}.pp-updated{font-family:Space Mono,monospace;font-size:10px;color:#6e8fa3;letter-spacing:.06em;text-transform:uppercase;margin:0}.pp-close{position:absolute;top:14px;right:14px;background:#ffffff0f;border:1px solid #1e3a50;color:#6e8fa3;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pp-close:hover{background:#ffffff1f;color:#e8f4f8}.pp-body{padding:0 0 4px;max-height:calc(100vh - 220px);overflow-y:auto;scroll-behavior:smooth}.pp-body::-webkit-scrollbar{width:4px}.pp-body::-webkit-scrollbar-track{background:transparent}.pp-body::-webkit-scrollbar-thumb{background:#1e3a50;border-radius:4px}.pp-section{padding:22px 32px;border-bottom:1px solid rgba(30,58,80,.5)}.pp-section:last-of-type{border-bottom:none}.pp-section--hl{background:#0e2a1f;border-left:3px solid #2a7a55;border-bottom:1px solid rgba(42,122,85,.2)}.pp-sh{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pp-si{font-size:15px}.pp-st{font-family:Space Mono,monospace;font-weight:700;font-size:11px;letter-spacing:.08em;color:#e8f4f8;margin:0;text-transform:uppercase}.pp-section--hl .pp-st{color:#5dedb4}.pp-text{font-size:14px;line-height:1.8;color:#c8dde8;margin:0 0 10px}.pp-text--dim{font-style:italic;color:#6e8fa3;font-size:13px;margin-top:10px;margin-bottom:0}.pp-subs{display:flex;flex-direction:column;border:1px solid #1e3a50;border-radius:10px;overflow:hidden}.pp-sub{padding:13px 16px;border-bottom:1px solid #1e3a50;background:#152840}.pp-sub:last-child{border-bottom:none}.pp-sub-lbl{font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00c9b1;margin:0 0 5px}.pp-sub .pp-text{margin:0;font-size:13px}.pp-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:7px}.pp-li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.7;color:#c8dde8}.pp-bullet{color:#00c9b1;font-size:10px;margin-top:5px;flex-shrink:0}.pp-section--hl .pp-bullet{color:#5dedb4}.pp-contact-box{display:inline-block;margin-top:8px;padding:9px 16px;background:#152840;border:1px solid #1e3a50;border-radius:8px}.pp-email{font-family:Space Mono,monospace;font-size:13px;font-weight:700;color:#00c9b1;text-decoration:none}.pp-email:hover{text-decoration:underline}.pp-footer-bar{padding:14px 32px;border-top:1px solid #1e3a50;background:#123;text-align:center}.pp-footer-bar p{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#6e8fa3;margin:0}@media (max-width:600px){.pp-header{padding:18px 16px 16px}.pp-section{padding:18px 16px}.pp-body{max-height:calc(100vh - 200px)}}