*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.container{width:100%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:24px}h1{color:#333;margin-bottom:8px;font-size:24px}h3{color:#333;font-size:14px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}p.subtitle{color:#666;margin-bottom:24px;font-size:14px}.form-group{margin-bottom:10px}label{display:block;margin-bottom:3px;color:#333;font-weight:500;font-size:14px}input[type=date],input[type=number],select{width:100%;padding:6px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .3s,box-shadow .3s}input[type=date]:focus,input[type=number]:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}textarea{width:100%;padding:6px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .3s,box-shadow .3s}textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.alerts-container{margin-bottom:16px}.alert{padding:12px;border-radius:6px;margin-bottom:8px;font-size:14px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s;width:auto;padding:0;margin:0;flex-shrink:0}.close-btn:hover{opacity:1}.journey-distance{background:#e8f4f8;border:2px solid #667eea;border-radius:6px;padding:6px;margin-top:8px;margin-bottom:8px;text-align:center}.distance-label{color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.distance-value{color:#667eea;font-size:18px;font-weight:700}.distance-unit{color:#999;font-size:12px;margin-left:4px}.loading{text-align:center;color:#667eea;font-size:14px;margin-top:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.previous-entry{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:8px;margin-top:12px}.entries-list{display:flex;flex-direction:column;gap:8px}.entry-item{background:#fff;padding:6px;border-radius:4px;border-left:4px solid #667eea}.entry-date{color:#666;font-size:13px}.entry-value{color:#333;font-size:16px;font-weight:600}.entry-label{color:#999;font-size:12px}.entry-distance{color:#667eea;font-size:13px;font-weight:500}.entry-distance-label{color:#999;font-size:12px}.entry-distance-value{color:#667eea;font-weight:600;margin-left:4px}@media(max-width:480px){.container{padding:16px;border-radius:8px}h1{font-size:20px}input[type=date],input[type=number],select,button{font-size:16px;padding:11px}}