*{box-sizing:border-box}body{color:#333;background-color:#f5f5f5;margin:0;padding:20px;font-family:Arial,sans-serif}.container{background-color:#fff;border-radius:8px;max-width:600px;margin:0 auto;padding:30px;box-shadow:0 2px 10px #0000001a}.form-container{margin-bottom:30px}.form-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#666;margin-bottom:5px;font-size:14px}.form-group input{border:2px solid #ddd;border-radius:4px;outline:none;width:180px;padding:12px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#4caf50}.submit-btn{cursor:pointer;background-color:#f0f0f0;border:2px solid #ddd;border-radius:4px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.submit-btn:hover{background-color:#e0e0e0;border-color:#ccc}.data-table{background-color:#fff;border:2px solid #333;border-radius:20px;width:100%;overflow:hidden}.table-header{background-color:#f8f8f8;border-bottom:1px solid #ddd;padding:15px 20px;font-weight:700;display:flex}.table-header .col-date,.table-header .col-distance,.table-header .col-actions{text-align:center}.col-date,.col-distance,.col-actions{text-align:center;flex:1}.table-body{padding:20px}.table-row{border-bottom:1px solid #eee;align-items:center;padding:12px 0;display:flex}.table-row:last-child{border-bottom:none}.table-row .col-date,.table-row .col-distance{text-align:center;font-size:16px}.table-row .col-actions{justify-content:center;gap:10px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:18px;transition:background-color .2s;display:flex}.edit-btn{color:#666}.edit-btn:hover{background-color:#f0f0f0}.delete-btn{color:#666}.delete-btn:hover{color:#d32f2f;background-color:#ffe6e6}.empty-state{text-align:center;color:#999;padding:40px 20px;font-style:italic}@media (width<=600px){.container{margin:10px;padding:20px}.form-row{flex-direction:column;align-items:stretch}.form-group input{width:100%}.table-header,.table-row{font-size:14px}}