:root{--color-primary: #1565C0;--color-primary-light: #1976D2;--color-primary-dark: #0D47A1;--color-secondary: #42A5F5;--color-secondary-light: #64B5F6;--color-accent: #0D47A1;--color-background: #E3F2FD;--color-surface: #FFFFFF;--color-surface-hover: #F5F9FF;--color-text: #1A237E;--color-text-secondary: #5C6BC0;--color-text-light: #9FA8DA;--color-border: #BBDEFB;--color-success: #43A047;--color-warning: #FF9800;--color-danger: #E53935;--shadow-sm: 0 1px 3px rgba(13, 71, 161, .1);--shadow-md: 0 4px 12px rgba(13, 71, 161, .12);--shadow-lg: 0 8px 24px rgba(13, 71, 161, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.95rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.password-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.password-modal{background:#fff;border-radius:12px;padding:2rem;min-width:320px;max-width:400px;box-shadow:0 8px 32px #0003}.password-modal h3{margin:0 0 1.5rem;color:#1a3a4a;font-size:1.3rem}.password-field{margin-bottom:1rem}.password-field label{display:block;margin-bottom:.3rem;font-size:.9rem;color:#555;font-weight:500}.password-field input{width:100%;padding:.6rem .8rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.password-field input:focus{outline:none;border-color:#2196f3}.password-error{color:#e53935;font-size:.85rem;margin-bottom:1rem;padding:.5rem;background:#ffeaea;border-radius:6px}.password-actions{display:flex;gap:.5rem;margin-top:1.5rem}.password-actions .action-btn{flex:1}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-title{font-size:1.6rem;font-weight:700;margin-bottom:0;color:var(--color-primary-dark)}.dashboard-filter{display:flex;gap:.5rem}.dashboard-filter select{padding:.5rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s}.dashboard-filter select:hover{border-color:var(--color-secondary-light)}.dashboard-filter select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c026}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.25rem;text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.85rem;color:var(--color-text-secondary);margin-top:2px}.dashboard-sections{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.dashboard-section.full-width{grid-column:1 / -1}.dashboard-section{background:var(--color-surface);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.dashboard-section h3{font-size:1.1rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.recent-item:hover{background:var(--color-surface-hover)}.recent-item-left{display:flex;align-items:center;gap:.75rem}.recent-weather{font-size:1.3rem}.recent-name{font-weight:600;font-size:.95rem}.recent-meta{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.recent-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.recent-distance{font-weight:600;color:var(--color-primary);font-size:.9rem}.recent-duration{font-size:.8rem;color:var(--color-text-secondary)}.ranking-list{display:flex;flex-direction:column;gap:.4rem}.ranking-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);transition:background .2s}.ranking-item:hover{background:var(--color-surface-hover)}.ranking-position{font-size:1.1rem;min-width:2rem;text-align:center;font-weight:700;color:var(--color-text-secondary)}.ranking-info{flex:1}.ranking-name{font-weight:600;font-size:.95rem}.ranking-meta{font-size:.75rem;color:var(--color-text-secondary);margin-top:1px}.ranking-km{font-weight:700;font-size:.95rem;color:var(--color-primary);white-space:nowrap}.ranking-item.clickable{cursor:pointer}.ranking-speeds{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.ranking-empty{text-align:center;color:var(--color-text-secondary);padding:1.5rem;font-size:.9rem}.quick-actions{display:flex;gap:.75rem}.action-btn{flex:1;padding:.7rem 1rem;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:all .2s}.action-btn.primary{background:var(--color-primary);color:#fff}.action-btn.primary:hover{background:var(--color-primary-dark)}.action-btn.secondary{background:var(--color-border);color:var(--color-primary-dark)}.action-btn.secondary:hover{background:var(--color-secondary-light);color:#fff}.action-btn.danger{background:#d32f2f;color:#fff}.action-btn.danger:hover{background:#b71c1c}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dashboard-filter{flex-direction:column;width:100%}.dashboard-filter select{width:100%}.dashboard-sections{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{flex-direction:column}}.session-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.session-list-header h2{font-size:1.6rem;font-weight:700;color:var(--color-primary-dark)}.import-btn{padding:.4rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.import-btn:hover{background:var(--color-primary-dark)}.filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters select{padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .2s}.filters select:focus{outline:none;border-color:var(--color-primary)}.session-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.session-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:4px solid var(--color-primary)}.session-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.session-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.session-card-title{display:flex;align-items:center;gap:.6rem}.session-weather-badge{font-size:1.4rem}.session-card-title h4{font-size:1rem;font-weight:600;color:var(--color-text)}.session-date-prominent{display:block;font-size:.85rem;font-weight:600;color:#1565c0;margin:2px 0}.session-water{font-size:.8rem;color:var(--color-text-secondary)}.session-card-rating{color:var(--color-warning);font-size:.85rem;letter-spacing:1px}.session-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.session-stat{text-align:center}.session-stat-value{display:block;font-weight:700;font-size:.95rem;color:var(--color-primary)}.session-stat-label{font-size:.7rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.session-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.session-card-tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:600}.tag-boat{background:#e3f2fd;color:var(--color-primary)}.tag-date{background:#fff3e0;color:#e65100}.delete-btn{background:none;border:none;color:var(--color-text-light);font-size:.9rem;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s}.delete-btn:hover,.delete-btn.confirm{background:#ffebee;color:var(--color-danger)}.delete-btn.confirm{font-size:.75rem;font-weight:600}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--color-text-secondary)}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}@media(max-width:768px){.session-cards{grid-template-columns:1fr}.session-card-stats{grid-template-columns:repeat(2,1fr)}}.track-map-container{display:flex;flex-direction:column;gap:1rem}.map-header{display:flex;justify-content:space-between;align-items:baseline}.map-header h2{font-size:1.6rem;font-weight:700;color:var(--color-primary-dark)}.map-hint{font-size:.85rem;color:var(--color-text-secondary)}.map-filter{background:var(--color-surface);padding:.75rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.map-filter select{padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.9rem;min-width:200px;cursor:pointer}.map-filter select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c01f}.track-selector{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--color-surface);padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.track-checkbox{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;cursor:pointer;transition:background .2s;font-size:.85rem}.track-checkbox:hover{background:var(--color-surface-hover)}.track-checkbox input{display:none}.track-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.track-checkbox-label{display:flex;gap:6px;align-items:baseline}.track-checkbox-label small{color:var(--color-text-light);font-size:.75rem}.track-checkbox-label small.track-date{color:#1565c0;font-weight:600}.map-canvas{width:100%;height:550px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);z-index:1}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1rem;color:var(--color-text-secondary)}.map-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.map-canvas{height:400px}}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.back-btn{background:none;border:none;color:var(--color-primary);font-size:.95rem;font-weight:600;padding:.4rem 0;transition:color .2s}.back-btn:hover{color:var(--color-primary-dark)}.detail-actions{display:flex;gap:.5rem}.action-btn.danger{background:#ffebee;color:var(--color-danger);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.action-btn.danger:hover{background:var(--color-danger);color:#fff}.detail-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.detail-title-row h2{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);display:flex;align-items:center;gap:.5rem}.detail-weather{font-size:1.6rem}.detail-rating{color:var(--color-warning);font-size:1.1rem;letter-spacing:2px}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.detail-left{display:flex;flex-direction:column;gap:1rem}.detail-section{background:var(--color-surface);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm)}.detail-section h3{font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:2px solid var(--color-border)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.78rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.95rem;font-weight:500;color:var(--color-text)}.detail-value.highlight{color:var(--color-primary);font-weight:700;font-size:1.1rem}.zone-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:1px 8px;border-radius:10px;font-size:.8rem;font-weight:700;margin-right:6px}.zone-desc{color:var(--color-text-secondary);font-size:.8rem}.detail-notes{color:var(--color-text);line-height:1.7;font-size:.95rem;white-space:pre-wrap}.detail-map-section{height:100%}.detail-map-section .map-canvas{height:400px}.detail-empty{text-align:center;padding:4rem;color:var(--color-text-secondary)}.detail-empty .action-btn{margin-top:1rem}.action-btn.share{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;position:relative}.action-btn.share:hover{background:var(--color-primary-dark)}.share-tooltip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;animation:fadeIn .2s}.detail-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.detail-photo-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.detail-photo-item:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.detail-photo-item img{width:100%;height:100%;object-fit:cover}.lightbox-overlay{position:fixed;inset:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-content img{max-width:90vw;max-height:85vh;border-radius:var(--radius-md);object-fit:contain}.lightbox-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:var(--color-text);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:var(--color-danger);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.detail-content{grid-template-columns:1fr}.detail-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-photo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.session-form-container{max-width:800px;margin:0 auto}.session-form-container h2{font-size:1.6rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:1.5rem}.session-form{display:flex;flex-direction:column;gap:1.25rem}.form-section{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.form-section legend{font-weight:700;font-size:.95rem;color:var(--color-primary);padding:0 .5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.75rem}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.form-field input,.form-field select{padding:.55rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c01f}.form-field input[type=range]{padding:0;border:none;accent-color:var(--color-primary);height:36px}.form-field input[type=range]:focus{box-shadow:none}.form-notes{width:100%;padding:.75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);resize:vertical;font-family:inherit;font-size:.95rem;margin-top:.5rem;transition:border-color .2s,box-shadow .2s}.form-notes:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c01f}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.form-actions .action-btn{min-width:140px;padding:.7rem 1.5rem;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all .2s}.form-actions .action-btn.primary{background:var(--color-primary);color:#fff}.form-actions .action-btn.primary:hover{background:var(--color-primary-dark)}.form-actions .action-btn.secondary{background:var(--color-border);color:var(--color-primary-dark)}.form-actions .action-btn.secondary:hover{background:var(--color-secondary-light);color:#fff}.photo-upload-area{margin-top:.5rem}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:.75rem}.photo-preview-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow-sm)}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.photo-preview-item:hover .photo-remove-btn{opacity:1}.photo-add-btn{padding:.6rem 1.2rem;border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.photo-add-btn:hover{border-color:var(--color-primary);background:#1565c00a}.photo-hint{margin-top:.4rem;font-size:.78rem;color:var(--color-text-light)}.crew-fields{grid-column:1 / -1}.crew-row{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.crew-row:first-of-type{margin-top:0}.crew-number{font-weight:700;font-size:.9rem;color:var(--color-primary);min-width:1.5rem;text-align:right}.crew-row input{flex:1;padding:.55rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.crew-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c01f}.crew-cox{font-style:italic;color:var(--color-text-secondary)}.file-import{max-width:600px;margin:0 auto;text-align:center}.file-import h2{font-size:1.6rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.5rem}.import-subtitle{color:var(--color-text-secondary);margin-bottom:2rem;font-size:.95rem}.drop-zone{border:2.5px dashed var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;cursor:pointer;transition:all .3s;background:var(--color-surface)}.drop-zone:hover,.drop-zone.active{border-color:var(--color-primary);background:#1565c00a}.drop-zone.active{transform:scale(1.01)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.drop-icon{font-size:3rem}.drop-text{font-size:1rem;color:var(--color-text)}.drop-text strong{color:var(--color-primary)}.drop-formats{font-size:.85rem;color:var(--color-text-light);background:var(--color-background);padding:4px 12px;border-radius:12px}.file-input-hidden{display:none}.import-error{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#ffebee;color:var(--color-danger);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.import-with-form{max-width:800px;margin:0 auto}.import-preview{margin-bottom:1.5rem}.import-success{display:flex;align-items:center;gap:1rem;background:#e8f5e9;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1.5px solid #A5D6A7}.import-success-icon{width:36px;height:36px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.import-success strong{font-size:1rem;color:var(--color-text)}.import-success p{font-size:.85rem;color:var(--color-text-secondary);margin-top:2px}.import-success .action-btn{margin-left:auto;flex-shrink:0}.import-batch-success{display:flex;align-items:flex-start;gap:1rem;background:#e8f5e9;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1.5px solid #A5D6A7;text-align:left;margin-bottom:1rem}.import-batch-errors{background:#ffebee;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1.5px solid #EF9A9A;text-align:left;color:var(--color-danger);margin-bottom:1rem}.import-file-list{margin:.5rem 0 0;padding-left:1.25rem;font-size:.9rem;font-weight:400}.import-file-list li{margin-top:.25rem}.import-batch-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000}.app-header-left{display:flex;align-items:center;gap:12px}.app-logo{width:36px;height:36px;filter:brightness(0) invert(1)}.app-title{font-size:1.4rem;font-weight:700;letter-spacing:-.5px}.app-nav{display:flex;gap:4px}.nav-btn{background:none;border:none;color:#ffffffbf;padding:8px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s}.nav-btn:hover{background:#ffffff26;color:#fff}.nav-btn.active{background:#fff3;color:#fff}.app-content{flex:1;padding:1.5rem 2rem;max-width:1400px;width:100%;margin:0 auto}@media(max-width:768px){.app-header{padding:0 1rem;flex-wrap:wrap;height:auto;padding:.75rem 1rem;gap:8px}.app-content{padding:1rem}.nav-btn{padding:6px 10px;font-size:.8rem}}