:root{--primary:#1a2d4d;--primary-dark:#0f1a2e;--accent:#d4af37;--accent-light:#f4e4c1;--secondary:#2c3e50;--success:#5a9a7c;--danger:#b8423e;--warning:#c89656;--gray-50:#f8f7f3;--gray-100:#ede9e4;--gray-200:#e0dbd6;--gray-300:#d1c9c3;--gray-400:#b8afa8;--gray-500:#9e9692;--gray-600:#7a7470;--gray-700:#5a5550;--gray-800:#3d3a36;--gray-900:#1a1815;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--border-radius:2px;--border-radius-lg:4px;--shadow-sm:0 2px 4px rgba(0,0,0,0.08);--shadow:0 4px 12px rgba(0,0,0,0.12);--shadow-lg:0 12px 32px rgba(0,0,0,0.15)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Georgia,Garamond,Trebuchet MS,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/images/grass-background.jpg) 50%/cover fixed no-repeat;color:var(--gray-800);letter-spacing:.3px;min-height:100vh}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#0a2463,#1a5490 25%,#247ba0 50%,#3a8eb8 75%,#5dade2);color:white;padding:var(--spacing-12) var(--spacing-8);box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--accent);position:relative;overflow:hidden}.header-content h1{font-size:2.5rem;font-weight:400;margin-bottom:var(--spacing-2);letter-spacing:2px;color:var(--accent)}.header-content p{font-size:.95rem;opacity:.9;font-style:italic;letter-spacing:1px}.header-nav{display:flex;gap:var(--spacing-4)}.dashboard-container{display:grid;grid-template-columns:1fr 2fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);padding:var(--spacing-12);flex:1 1}@media (max-width:1024px){.dashboard-container{grid-template-columns:1fr}}.timeline{gap:var(--spacing-12)}.timeline,.timeline-year{display:flex;flex-direction:column}.timeline-year{gap:var(--spacing-6)}.timeline-year h3{font-size:1.8rem;font-weight:300;color:var(--primary);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--accent);letter-spacing:1px}.timeline-entries{display:flex;flex-direction:column;gap:var(--spacing-6)}.timeline-entry{display:flex;gap:var(--spacing-6);padding:var(--spacing-6);background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);cursor:pointer;transition:all .3s ease;border-left:3px solid var(--accent);border-top:1px solid var(--gray-200)}.timeline-entry:hover{box-shadow:var(--shadow-lg);transform:translateX(2px);background:linear-gradient(90deg,rgba(212,175,55,.03),transparent)}.timeline-entry.selected{background:linear-gradient(90deg,rgba(212,175,55,.1),transparent);border-left-color:var(--accent)}.timeline-entry-date{flex-shrink:0;width:3.5rem;font-weight:500;color:var(--accent);font-size:.95rem;letter-spacing:1px}.timeline-entry-content{flex:1 1}.timeline-entry-content h4{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-2);color:var(--primary);letter-spacing:.5px}.timeline-entry-memo{font-size:.9rem;color:var(--gray-600);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.timeline-entry-photo-indicator{flex-shrink:0;font-size:1.25rem}.timeline-entry-actions{flex-shrink:0;display:flex;gap:var(--spacing-2)}.map-empty,.timeline-empty{padding:var(--spacing-12);text-align:center;background:linear-gradient(135deg,rgba(212,175,55,.05),transparent);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);border:1px solid var(--accent-light)}.map-empty p,.timeline-empty p{color:var(--gray-600);margin-bottom:var(--spacing-4);font-size:.95rem;letter-spacing:.3px}.map-panel{height:600px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;background:linear-gradient(135deg,rgba(26,45,77,.05),transparent);border:1px solid var(--gray-200)}.trip-page{min-height:100vh;background-color:var(--gray-50)}.page-header{background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);color:white;padding:var(--spacing-8);box-shadow:var(--shadow);display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);border-bottom:2px solid var(--accent)}.page-header h1{flex:1 1;font-size:2rem;font-weight:400;color:var(--accent);letter-spacing:1px}.trip-actions{display:flex;gap:var(--spacing-4)}.trip-detail-container,.trip-form-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-8) var(--spacing-8)}.trip-detail-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-8);gap:var(--spacing-8)}@media (max-width:768px){.trip-detail-container{grid-template-columns:1fr}}.trip-info{background:white;padding:var(--spacing-8);border-radius:var(--border-radius);box-shadow:var(--shadow);gap:var(--spacing-6)}.info-item,.trip-info{display:flex;flex-direction:column}.info-item{gap:var(--spacing-2)}.info-item label{font-weight:600;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.info-item p{color:var(--gray-900);font-size:1rem;white-space:pre-wrap}.info-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.trip-photo{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow)}.trip-map{overflow:hidden;min-height:500px}.trip-edit-form,.trip-map{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow)}.trip-edit-form{padding:var(--spacing-8)}.trip-form{gap:var(--spacing-8)}.form-group,.trip-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-3)}.form-group label{font-weight:500;color:var(--primary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{padding:var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.95rem;font-family:inherit;transition:all .3s ease;background-color:white;letter-spacing:.3px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,175,55,.1);background-color:rgba(244,228,193,.3)}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-6);gap:var(--spacing-6)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.photo-preview{margin-bottom:var(--spacing-6)}.photo-preview img{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.form-submit{padding:var(--spacing-3) var(--spacing-8);background-color:var(--accent);color:var(--primary);border:1px solid var(--accent);border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.form-submit:hover:not(:disabled){background-color:var(--primary);color:var(--accent);box-shadow:var(--shadow-lg)}.form-submit:disabled{background-color:var(--gray-300);color:var(--gray-500);border-color:var(--gray-300);cursor:not-allowed}button{padding:var(--spacing-2) var(--spacing-6);border:none;border-radius:var(--border-radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;font-family:inherit;text-transform:uppercase}.btn-primary{background-color:var(--accent);color:var(--primary);border:1px solid var(--accent)}.btn-primary:hover{background-color:var(--primary);color:var(--accent);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background-color:var(--primary);color:white}.btn-danger{background-color:var(--danger);color:white;border:1px solid var(--danger)}.btn-danger:hover,.btn-delete{background-color:transparent;color:var(--danger)}.btn-delete{border:1px solid var(--danger)}.btn-delete:hover{background-color:var(--danger);color:white}.btn-back{background-color:transparent;color:var(--primary);border:1px solid var(--gray-300)}.btn-back:hover{background-color:var(--gray-100);border-color:var(--primary)}.error-banner,.form-error{background-color:#fee2e2;border-left:4px solid var(--danger);color:#991b1b}.error-banner,.form-error,.form-success{padding:var(--spacing-4);border-radius:var(--border-radius);font-size:.875rem}.form-success{background-color:#dcfce7;border-left:4px solid var(--success);color:#166534}.error-banner{margin-bottom:var(--spacing-8);max-width:1200px;margin-left:auto;margin-right:auto}.loading,.timeline-loading{padding:var(--spacing-8);text-align:center;color:var(--gray-600);font-size:.875rem}@media (max-width:768px){.dashboard-header{gap:var(--spacing-4)}.dashboard-header,.page-header{flex-direction:column;align-items:flex-start}.trip-actions{width:100%}button{padding:var(--spacing-2) var(--spacing-3);font-size:.75rem}}